段落の幅を狭くして画面を広げる

Question

私はすでにいくつかの調査をしましたが、回答が見つかりませんでした。 ブラウザの幅を超えると、特定の幅で 'about page'の段落を停止したいと思います。しかし、幅や最大幅を適用すると、段落はページの左側に張り付くだけです。誰かがこの問題で私を助けることができますか？

<div class="container-fluid"> 
    <section> 
     <img src="img/Florian.jpg" alt="Florian" class="profilephoto"> 
     <div class="aboutme"> 
      <h3 class="text-center">About</h3> 
      <p class="text-center primary">Blablabla</p> 
     </div> 
    </section> 
</div> 

Answer 1

段落がページの中央に残るべきと線幅が一定の幅を超えないようにしてください。

あなたはwidth/max-widthと一緒段落にmargin:autoを使用することができます。それが中心になります。

.aboutme p { 
    max-width: 80%; /* or your chosen width */ 
    margin: auto; 
} 

JSfiddle Demo