Выравнивание блока по центру
HTML
<div class="box">
<div class="dialog">Блок по центру!</div>
</div>
CSS
.box {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
text-align: center;
overflow: auto;
background-color: #999;
}
.box:before {
display: inline-block;
height: 100%;
vertical-align: middle;
content: '';
}
.dialog {
position: relative;
display: inline-block;
vertical-align: middle;
width: 300px;
background-color: #FFF;
color: #000;
padding: 20px;
text-align: left;
}
