Как выровнять более одного DIVs, какой список писем в центре

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> 

я хочу эти DIVs выровняйте по центру страницы (например, таблицы с колоннами, который выравнивается по центру страницы) и Шрифтом- выравнивания следует оставить (плавать слева)

, как я могу это сделать с помощью CSS

Answer 1

Используйте этот

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

Answer 2

Добавить текст в теге р и дать следующий CSS:

p { 
    display: inline-block; 
    text-align: left; 
} 
.main { 
    text-align: center; 
} 

Проверить Fiddle.