リストを横一列に並べた後に、右寄せ

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;”>リスト4</li>
</ul>

タイトルとURLをコピーしました