- ベストアンサー
float:leftで<li>要素を横並びさせてから、中央揃えする方法は？
ＨＴＭＬ <dir id="footer"> <ul> <li>個人情報保護方針</li> <li>サイトマップ</li> <li>組織概要</li> <li>お問い合わせ</li> </ul> </dir> ＣＳＳ #footer ul li{float: left;} 上記の場合、li要素は横並びするのですが、 <div>要素の中で中央揃えするには どうしたらいいのでしょうか？
- papamama18
- お礼率90% (119/131)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<HTML> <HEAD> <TITLE>copy</TITLE> <style type="text/css"> #footer ul{ margin:0; padding:0; list-style-position:inside; list-style-type: none; text-align:center; } #footer li{display:inline;} </style> </HEAD> <BODY> <div id="footer"> <ul> <li>個人情報保護方針</li> <li>サイトマップ</li> <li>組織概要</li> <li>お問い合わせ</li> </ul> </div> </BODY> </HTML>
その他の回答 (1)
- apple_bananana
- ベストアンサー率57% (4/7)
#footerの4分の1の幅をliに指定し、liのテキストを中央ぞろえにしてはどうでしょうか。 div#footer{ width: **px; } #footer ul { margin-left: 0px; padding-left: 0px; } #footer ul li{ width:**px; →div要素のwidth/4 float:left; text-align:center; }
お礼
早速ありがとうございます。 divがdirになってました。すいません。 解決しましたありがとうございました。
お礼
早速ありがとうございます。 divがdirになってました。すいません。 解決しましたありがとうございました。