vertical-align:midle; を設定したい 私のコードではli tags.thisへのテキストですが、機能しません...
HTMLコード:
<div id="container">
<ul id="selectable">
<li class="ui-state-default">AAAA </li>
<li class="ui-state-default">BBB BBB</li>
<li class="ui-state-default">CCC </li>
<li class="ui-state-default">DD</li>
<li class="ui-state-default">FFFFF</li>
</ul>
<div>
CSS コード:
#container{position:relative; top:30px;}
#selectable{ list-style-type: none;
margin: 0;
padding: 0;
width: 450px;
display:table; }
#selectable li{width:80px;
height:80px;
margin:4px;
padding:8px;
text-align:center;
float:left;
list-style:none;
display: table-cell;
vertical-align:middle;}`