記事テキスト領域に特定の幅を設定する

Question

 <div id="textcontent"> 
      <center> 
      <br /><p>........... ARTICLE IN HERE .........</p> 
      </center> 
     </div> 


#textcontent { 
    margin-right: 25px; 
} 

#textcontent p {  
    margin-right: -24px; 
    width: 663px; 
} 

記事は、ユーザーが投稿した記事を表示します。

スナップ：

問題：

側boundriesを渡すことにより、物品のライン。特定の固定幅を設定して、テキストが自動的にインデントされるようにする（2行目に移動する）ようにし、サイドボーダーを渡さないようにするにはどうすればよいですか？

注：テキスト領域の高さは、テキスト行が増えるにつれて自動的に拡大されます。

追加情報：

<div id="posted_wrap"> 
     <div id="posted_middle"> 
      <div id="posted_top"></div>   
        <div id="textcontent"> 
        <center> 
         <br /><p><?php echo $thread; ?></p> 
        </center> 
       </div> 
      <br /> 
      <div id="posted_bottom"></div> 
     </div></div> 

Answer 1

#textcontent p { 
margin:0 auto; 
text-align:center; 
width: 663px; 

それが必要ないだとして<center>を外し、推奨されていません。段落タグの余白を自動（左と右）に設定します。

そのコードが機能します。投稿したコードもうまくいきます。苦労しているコードの上に位置付けや浮動小数点の問題が発生する可能性があります。

これらの黒いチョーク線が背景画像の場合は、 padding:0 10px（たとえば）を追加して、<p>タグに追加して、テキストをエッジからさらに内側に保つことができます。