Невозможно выровнять многострочный текст до середины контейнера

Question

Я новичок в css, поэтому не получаю способ сделать текстовый центр контейнера (div).

Мой HTML является

<div class="container">Some text goes over here.</div> 

Я попытался с text-align: center и vertical-align: middle, но не повезло.

Можно ли выровнять текст в центре Div.

Answer 1

Вы можете использовать display: table-cell и vertical-align: middle установить вам текст в середине контейнера.

.divClass { 
     width: 200px; 
     height: 200px; 
     border: 2px solid red; 
     text-align: center; 
     vertical-align: middle; 
     display: table-cell; 
} 

Проверьте работу здесь. http://jsfiddle.net/32rD7/

Answer 2

Использование Text-Align:center;

<div class="container" style="Text-Align:center;">Some text goes over here.</div> 

Answer 3

Если вы не хотите применять различные хаки CSS, вы можете взглянуть на (экспериментальный) flexbox layout.

div.container { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 

Обратите внимание, что я опустил префиксы поставщиков.