tor-browser

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

multicol-dynamic-add-003-ref.html (580B)

      1 <!DOCTYPE html>
      2 <title>CSS Multi-column Layout Reference: Grid with pseudo-elements in multi-column context</title>
      3 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
      4 <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
      5 
      6 <style>
      7 .columns {
      8  columns: 2;
      9  column-fill: auto;
     10  width: 100px;
     11  height: 10px;
     12 }
     13 #grid {
     14  display: grid;
     15  grid: 20px 20px / 40px 40px;
     16 }
     17 #grid::before, #grid::after {
     18  content: "";
     19  grid-row: 1 / 3;
     20 }
     21 nav {
     22  grid-row: 1 / 3;
     23 }
     24 </style>
     25 
     26 <div class="columns">
     27  <div id="grid">
     28    <nav>text</nav>
     29  </div>
     30 </div>