-
ID:Nb7Mzt さんの質問

■1カラムの920px、ul要素(縦リスト)をテキスト左揃え、左右中央配置。

ul要素をテキストは左揃えだけど、コンテンツのテキスト幅により
左右中央配置したいと考えております。
上下中央は必要ないです。

<div id="content">
<p>テキストテキストテキスト・・・・</p>
<ul>
<li>テキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキスト</li>
</ul>
<p>テキストテキストテキスト・・・</p>

はじめ、ul要素にwidth,marginを指定したのですが
これだと、ページコンテンツに使うul要素のテキスト量により
毎回調整が必要になるので、なんとかできないものかと考えております。

説明が下手ですね。。伝わりますでしょうか?

みんなの回答 1 件

ID:F147mY さんの回答

ulをインライン要素にしてtext-align:center;とか?

ID:Nb7Mzt

コメントありがとうございます。助かります。

インライン要素とは、具体的に
ul { text-aling:center; }
li {
display: inline;
}

的な感じでしょうか?
すいません、インライン要素という言葉がいまいち理解できず
形でしか理解できません。

上記の場合だと、横リストになるので、縦リストで実現したいと
考えています。

ID:NitBYh

ちゃうねん

body{
text-align:center;
}
ul{
display:inline-block;
margin:0 auto;
padding:0;
text-align:left;
}

こう。

ID:NitBYh

あ、bodyをdivに読み替えてください。

ID:zpudJk

あとインラインブロックとか

最終更新日:2013-09-04 (4,087 views)

関連するトピックス

ページ上部に戻る