大きさが定まらないブロック要素を中央配置

• Feb 18, 2015
• Tags: css, tips

ページネーションのような大きさが定まらないブロック要素を中央配置。

HTML

<div class="pagination">
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
</div>

CSS

.pagination {
 text-align:center;
}

.pagination li {
 display:table;
 margin:0 auto;
}