NickAndNick

Центрирование блока

Jul 14th, 2014
256
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html lang="ru">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>строго по центру</title>
  6.   <style>
  7.     body, html {
  8.       margin: 0;
  9.       padding: 0;
  10.       width: 100%;
  11.       height: 100%;
  12.       background-color: #404040;
  13.     }
  14.     #test {
  15.       position: absolute;
  16.       top: 0;
  17.       right: 0;
  18.       bottom: 0;
  19.       left: 0;
  20.       width: 480px;
  21.       height: 360px;
  22.       margin: auto;
  23.       border-radius: 10px;
  24.       background-color: #fff;
  25.     }
  26.   </style>
  27. </head>
  28. <body>
  29.   <div id="test"></div>
  30. </body>
  31. </html>
RAW Paste Data