CSS: как выровнять текстовое содержимое по горизонтали и по вертикали?

Question

Как я могу выровнять текстовое содержимое внутри div горизонтально-центрированным и вертикально-центрированным?

<div style="height: 300px;"> 
    <p>Envision various details for your big day with help from our photo catalog, which features images filtered by category. See actual works from suppliers to help you make decisions.</p> 
    </div> 

Answer 1

Вы должны использовать display: table-cell; и vertical-align: middle; свойства с text-align: center;, а также для выравнивания текста по вертикали и по горизонтали по центру

Demo

div { 
    border: 1px solid #f00; 
    display: table-cell; 
    text-align: center; 
    vertical-align: middle 
}