С помощью этого небольшого кода вы сможете отцентрировать текст или картинку по горизонтали и вертикали внутри блока.
Совместимость: Chrome, Firefox, Safari, Mobile Safari и даже IE8-10.
Не работает в Windows Phone .
Совместимость: 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>