CSSでliタグ内の横幅を変えたい

質問

「<li id="newpostcatch-2" class="widget-container widget_newpostcatch"><h3 class="widget-title">最近の投稿</h3><ul id="npcatch" >
<li>ここのコンテンツの横幅を変えたい」
って感じになってます。

320ｐｘいっぱいいっぱい使って欲しいのですが、現状だと「ここのコンテンツの横幅を変えたい」の部分は、その半分強くらいの、200ｐｘくらいの変な位置で改行されてしまいます。
CSSになんと追記すればいいか教えてください。

回答No.1

tkmojo · ベストアンサー

liはブロックレベル要素ですので、本来はブラウザや親ボックの端から端までの幅を持っています。
端から端まで行かないのは、li自身か親ボックスのどれかにwidthが指定されているか、float , display:inline; , display:inline-block;のどれかが指定された上で内容物（テキストや画像）の横幅が少ないか、等の原因が考えられます。

「cssに何と書くのか」ではなく、「cssのどれを削除するのか（または打ち消すのか）」という話だと思いますので、
せめて現在のcssくらい書かないと情報不足で誰も回答できませんよ。