tor-browser

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

ch-width-1-ref.html (1042B)

      1 <!DOCTYPE html>
      2 <style>
      3 body {
      4  font-family: courier new, courier, monospace;
      5  line-height: 1;
      6 }
      7 div {
      8  width: 120px;
      9  float: left;
     10 }
     11 span {
     12  display: inline-block;
     13  height: 1em;
     14  background: lightgreen;
     15 }
     16 </style>
     17 <p>No red should appear at the tips of the rectangles:</p>
     18 <script>
     19 for (var i = 10; i <= 16; i++) {
     20  var div = document.createElement("div");
     21  div.style.fontSize = i + "px";
     22  document.body.appendChild(div);
     23  for (var j = 1; j <= 10; j++) {
     24    // green span containing the specified number of chars
     25    var b = document.createElement("span");
     26    b.className = "b";
     27    b.textContent = "\xA0".repeat(j);
     28    div.appendChild(b);
     29    div.appendChild(document.createElement("br"));
     30    div.appendChild(document.createElement("br"));
     31  }
     32  for (var j = 1; j <= 10; j++) {
     33    var b = document.createElement("span");
     34    b.className = "b";
     35    b.textContent = "\xA0".repeat(j);
     36    div.appendChild(b);
     37    div.appendChild(document.createElement("br"));
     38    div.appendChild(document.createElement("br"));
     39  }
     40 }
     41 </script>