これが問題です。段落に下線を引いて を使用する代わりにtext-align
、段落の下に点線の境界線を追加し、段落の親の中央に配置したいのですが、これが機能しないコードです。(段落だけではなく、div
全体に境界線が追加されます)div
p {
border-bottom:1px dotted;
margin-left:auto;
margin-right:auto;
text-align:center;
}
段落は親の幅を引き継いでいるようですdiv
。段落の幅をそこに含まれるテキストに設定する方法はありますか? (margin:auto
可能であれば機能するようです。)
ベストアンサー1
段落はコンテナの幅に合わせて拡張されます。これを防ぐには、次の操作を試してください。
p { display: inline-block; }
例を試してみる:http://jsfiddle.net/HuFZL/1/
また、他の段落/要素をクリアする必要がある場合は、p
タグを追加の で囲むこともできます。div