リストアイテム内にdivがあり、リストアイテムの中央にdivを配置しようとしているhtmlページがあります(divの幅がリストアイテムの幅よりも小さい)。私のCSSは次のようになります
ul.my {
width: 100px;
padding: 0;
}
li.my {
list-style: none;
}
div.content {
text-align: center;
display: table-cell;
vertical-align: middle;
}
そして、HTMLには次のようなスニペットがあります
<li class="my"><div class="content">stuff</div></li>
ただし、divは左揃えです。どうすれば適切に中央揃えできますか?