tor-browser

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

multicol-list-item-002.html (1090B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Multi-column Layout Test: multi-column and list-item</title>
      4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
      5 <link rel="match" href="multicol-list-item-002-ref.html">
      6 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm" title="3.4 Pseudo-algorithm" />
      7 <meta name="assert" content="Checks that a list item can be dynamically converted into a multicol container.">
      8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
      9 <style>
     10 #self,
     11 #before::before,
     12 #after::after {
     13  display: list-item;
     14  list-style-type: decimal;
     15  list-style-position: inside;
     16  font: 25px/1 Ahem;
     17  width: 12ch;
     18  margin-top: 1ch;
     19 }
     20 #before::before,
     21 #after::after {
     22  content: "X pXXXX XXpXX XXXXp";
     23 }
     24 .multicol #self,
     25 .multicol #before::before,
     26 .multicol #after::after {
     27  column-count: 2;
     28  column-gap: 2ch;
     29 }
     30 </style>
     31 <div id="self">X pXXXX XXpXX XXXXp</div>
     32 <div id="before"></div>
     33 <div id="after"></div>
     34 <script>
     35 "use strict";
     36 document.body.offsetLeft;
     37 document.body.classList.add("multicol");
     38 </script>