Установить сетку в центре по вертикали?

Question

Как разместить его по центру по вертикали?

<div class="ui-grid-b"> 
    <div class="ui-block-a">Block A</div> 
    <div class="ui-block-b">Block B</div> 
    <div class="ui-block-c">Block C</div> 
</div> 

Answer 1

Используйте vertical-align.

div[class|=ui-grid] { 
    background: red; 
    text-align: center; 
    padding: 30px; } 
div[class|=ui-block] { 
    background: blue; 
    font: 10px Verdana; 
    color: #fff; 
    padding: 10px; 
    vertical-align: middle; 
    display: inline-block; } 
.ui-block-a { height: 100px; } 
.ui-block-b { height: 50px; } 
.ui-block-c { height: 200px; } 

div[class|=ui-grid] и div[class|=ui-block] используют attribute selector.

Preview: http://jsfiddle.net/Wexcode/LzuYR/