CSS Only CrossBrowser Vertical and Horizontal Alignment danilomatos Follow 2010-09-03 00:37:07 License: GPLv3 License Fork0 Fav0 View699 Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. Play Stop Reload Fullscreen Smart Phone Readme JavaScript 1 lines HTML 1 lines CSS 14 lines Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. CSS Only CrossBrowser Vertical and Horizontal Alignment document.write('<div id="box">Hello, World!</div>'); <canvas id='world'></canvas> CSS Only CrossBrowser Vertical and Horizontal Alignment body { background-color: #DDDDDD; font: 30px sans-serif; } /* CSS Only CrossBrowser Vertical and Horizontal Alignment */ /* Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. */ #box { width:100px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; border:1px solid black; } Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. document.write('<div id="box">Hello, World!</div>'); <canvas id='world'></canvas> body { background-color: #DDDDDD; font: 30px sans-serif; } /* CSS Only CrossBrowser Vertical and Horizontal Alignment */ /* Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. */ #box { width:100px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; border:1px solid black; } use an iframe compat browser, deer Tweet QR code Embed Design view Code view <script type="text/javascript" src="http://jsdo.it/blogparts/jxU2/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/danilomatos/jxU2" title="CSS Only CrossBrowser Vertical and Horizontal Alignment">CSS Only CrossBrowser Vertical and Horizontal Alignment - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags alignment crossbrowser css Tweet twitter Tags alignment crossbrowser css
