Tip: you can modify some code before running
<!DOCTYPE html><!--[if lt IE 7]><html class="ie ie6" lang="zh-cn"><![endif]--><!--[if IE 7]><html class="ie ie7" lang="zh-cn"><![endif]--><!--[if IE 8]><html class="ie ie8" lang="zh-cn"><![endif]--><!--[if IE 9]><html class="ie ie9" lang="zh-cn"><![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html lang="zh-cn"><!--<![endif]--><head><meta charset="utf-8" /><style type="text/css">* {Padding: 0; margin: 0 ;}# tnnd {border: 1px solid red; width: 500px; margin: 0 auto; font-size: 12px; line-height: 1.8;}/* advanced browser with table-cell */# infoBox {text-align: center; width: 800px; height: 800px; margin: 200px; background: # ccc; display: table ;}# info {display: table-cell; vertical-align: middle;}/* for IE6/7 */. ie6 # infoBox ,. ie7 # infoBox {position: absolute; top: 50%; width: 100%; text-align: center; display: block; height: auto }. ie6 # info ,. ie7 # info {position: relative; top:-50%; text-align: center ;}</style></head><body><div id="infoBox"> <div id="info"> <div id="tnnd">About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br />About the horizontal vertical center of the Unknown CSS height<br /> </div> </div></div></body></html></td> </tr></table>
Tip: you can modify some code before running