html - 如何将多个字母列表居中对齐

Question

<div class="main">
<div class="list">
<br>ABCD
<br>ABC
<br>AB
<br>A
</div>

<div class="list">
<br>ABCD
<br>ABC
<br>AB
<br>A
</div>
</div>

我希望这些 DIV 对齐到页面的中心(就像一个列与页面中心对齐的表格)并且文本对齐应该左对齐(向左浮动)

我怎么用css做到这一点

Answer 1

使用这个

.main{
    display:table;
    text-align:center;
    margin:0 auto;
    }
.main .list{
    text-align:left;
    display:table-cell;
}