この記事について
| 環境 | css、html |
|---|---|
| 目的 | float:leftで横一列にしたリストを右寄せにする |
| 結果 | 親divのtext-align:rightでは効かない。ulごとfloat:rightにして解決 |
text-align:right;が効かず左よせになる。
答え 次のように変更する。
<div style="text-align:right;">
<ul>
<li style="float:left;">リスト</li>
<li style="float:left;">リスト</li>
<li style="float:left;">リスト</li>
</ul>
</div>↓↓↓
<ul style="float:right;">
<li style="float:left;">リスト1</li>
<li style="float:left;">リスト2</li>
<li style="float:left;">リスト3</li>
</ul>