ホーム > 備忘録 > tableタグを使わず、要素を上下左右中央に配置する
tableタグを使わず、要素を上下左右中央に配置する


<ul>
<li><p><img src=”1.jpg”></p></li>
<li><p><img src=”2.jpg”></p></li>
<li><p><img src=”3.jpg”></p></li>
<li><p><img src=”3.jpg”></p></li>
<li><p><img src=”1.jpg”></p></li>
<li><p><img src=”2.jpg”></p></li>
</ul>
<style type=”text/css”>
li{
float:left;
margin:0 20px 20px 0;
}
p{
display:table-cell;
width:220px;
height:220px;
layout-grid-line:220px;
text-align:center;
vertical-align:middle;
border:1px solid #CCC;
}
</style>
