tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

grid-abspos-items-012-ref.html (1125B)


      1 <!DOCTYPE HTML>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html><head>
      7  <meta charset="utf-8">
      8  <title>Reference: margin:auto on grid abs.pos. child</title>
      9  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107783">
     10  <style type="text/css">
     11 
     12 div {
     13  display: block;
     14  position: relative;
     15  grid-template-columns: 100px;
     16  grid-template-rows: 100px;
     17  width: 100px;
     18  height: 100px;
     19  border: 1px solid;
     20 }
     21 
     22 span {
     23  display: block;
     24  position: absolute;
     25  background: lime;
     26  width: 20px;
     27  height: 20px;
     28  margin: 5px 7px 11px 13px;
     29  top:0; left:0; right:0; bottom:0;
     30 }
     31 
     32  </style>
     33 </head>
     34 <body>
     35 
     36 <div><span style="margin-left:auto"></span></div>
     37 <div><span style="margin-right:auto"></span></div>
     38 <div><span style="margin-left:auto; margin-right:auto"></span></div>
     39 <div><span style="margin-top:auto"></span></div>
     40 <div><span style="margin-bottom:auto"></span></div>
     41 <div><span style="margin-top:auto; margin-bottom:auto"></span></div>
     42 <div><span style="margin:auto"></span></div>
     43 
     44 </body>
     45 </html>