Advertisement
Milotronik

center div 50/50 example

Feb 13th, 2013
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.34 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>CENTER 50/50</title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.         <style>
  7.             body
  8.             {
  9.                 background: whitesmoke;
  10.             }
  11.            
  12.             p
  13.             {
  14.                 padding-left: 30px;
  15.                 color: white;
  16.             }
  17.            
  18.             .center
  19.             {
  20.                 width: 600px;
  21.                 height: 400px;
  22.                 position: fixed;
  23.                 left: 50%;
  24.                 top: 50%;
  25.                 margin-left: -300px;
  26.                 margin-top: -200px;
  27.                 background: cadetblue;
  28.             }
  29.         </style>
  30.     </head>
  31.     <body>
  32.         <div class="center">
  33.             <p>
  34.                 width: 600px;
  35.             </p>
  36.             <p>
  37.                 height: 400px;
  38.             </p>
  39.             <p>
  40.                 position: fixed;
  41.             </p>
  42.             <p>
  43.                 left: 50%;
  44.             </p>
  45.             <p>
  46.                 top: 50%;
  47.             </p>
  48.             <p>
  49.                 margin-left: -300px;
  50.             </p>
  51.             <p>
  52.                 margin-top: -200px;
  53.             </p>
  54.             <p>
  55.                 background: cadetblue;
  56.             </p>
  57.         </div>
  58.     </body>
  59. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement