CSS Tricks: Vertical Align
Vertical align inside table-row
HTML:<div id="container"> <div class="cell"> <span>content</span> <div>content</div> </div> </div>
CSS:.cell { vertical-align: middle; display: table-cell; }
Example Styling for Table:
table {
overflow-x:auto;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
}
th, td { text-align: left; padding: 8px; vertical-align: middle;}
tr:nth-child(even){background-color: #f2f2f2}