Div, Text 중앙, 가운데 정렬

중앙정렬

1. Div 중앙정렬 2. Text 중앙, 가운데 정렬 * IE7 이하에서 tabel-cell 기능은 없음.

IE에서 동일하게 동작하도록 수정

<div style="display:block; width: 99%; height: 500px; position: relative;  border: 4px solid #aaa; border-radius: 4px; background-color: #eee;">
	<div style="display: block; width: 200px; height:200px; color: #fff; background-color: #000; position: absolute; top: 0; left: 0; bottom: 0; right:0; margin: auto;">
		<div style="display: table; width: 100%; height: 100%;">
			<p style="display: table-cell; text-align: center; vertical-align: middle;">
				Center
			</p>
		</div>
	</div>
</div>

IE8 까지는 된다. 하지만 IE7에서는 안된다.

Center