CSS Выравнивание текста по горизонтали и вертикали

CSS 

Выравнивание текста по горизонтали и вертикали

С помощью этого небольшого кода вы сможете отцентрировать текст или картинку по горизонтали и вертикали внутри блока.

Совместимость: Chrome, Firefox, Safari, Mobile Safari и даже IE8-10.
Не работает в Windows Phone .

HTML:
<style>
    .top_center{
        margin: auto;
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        height: 60px;
        width: 580px;

        border: 1px solid #ccc;
        text-align:center;
    }
</style>
<div class="container">
    <div class="top_center">
        Текст
    </div>
</div>
 

Популярные теги

Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нём некорректно.
Вам необходимо обновить браузер или попробовать использовать другой.

Сверху