ウェブサイトにタグのリストを表示しています。現在はこのように表示されています
タグが左揃えになったので、タグを中央に揃える必要があります。クラスに追加しようとしtext-align: center;
まし.tags
たが、タグが中央に配置されません。
これは私のHTMLとCSSコードです
HTML
<div class="tags">
<ul>
<li><a href="">tag 0000000</a></li>
<li><a href="">tag 1111111111111</a></li>
...
</ul>
</div>
CSS
.tags
{
display:table;
}
.tags li
{
float:left;
list-style-type: none;
text-decoration: none;
margin: 10px 0 0 0;
}
.tags ul a
{
text-decoration: none;
padding: 4px;
border: 1px solid #F2F0F0;
margin: 2px;
}
行に収まる数のタグを表示する必要がありますが、行の内容は中央揃えにする必要があります。