Vertical align elements on page

gistfile1.css

<div class="info-box">
	<div class="icon"></div>
	<div class="info-data-container"></div>
</div>


/* parent element */
.info-box {

}

/* child elements 
------------------------
   make sure that you do not have either child floating.	
*/
.icon {
	display: inline-block;
	vertical-align: middle;
}

.info-data-container {
	display: inline-block;
	vertical-align: middle;
}