文本与元素的 垂直和水平居中

#text_div{
	text-align: center;
	line-height: 100px;	/* 100为自身高度 */
}
#dom_div{
	position: relative;
}
#dom_cont{
	position: absolute;
	top:50%;
	margin-top:-25px;	/* 自身高度一半 */
	left:50%;
	margin-left:-50px;	/* 自身宽度一半 */
}

<!-- 文本 -->
<div id="text_div" style="width: 200px;height: 100px;border: 1px solid;">
	<span>我是文本</span>
</div>
<!-- 元素 -->
<div id="dom_div" style="width: 200px;height: 100px;border: 1px solid;">
	<div id="dom_cont" style="width:100px;height:50px;background: blue;">
		
	</div>
</div>