tor-browser

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

line-breaking-013-ref.html (1311B)

      1 <!doctype html>
      2 <html>
      3 <meta charset="utf-8">
      4 <title>CSS Text — reference file for emoji sequence line-breaking test</title>
      5 <link rel=author title="Jonathan Kew" href="mailto:jkew@mozilla.com">
      6 <style>
      7 div {
      8    line-height: 1em;
      9    font-size: 30px;
     10 }
     11 .container {
     12    position: relative;
     13    margin: .5em;
     14 }
     15 .ref {
     16    background-color: white;
     17    padding: .25em;
     18 }
     19 </style>
     20 <body>
     21    <p>Each emoji should appear on a single line with no red background.</p>
     22    <div class=container>
     23        <div class=ref>&#x1F468;&#x200D;&#x1F4BB;</div><!-- man technologist -->
     24    </div>
     25    <div class=container>
     26        <div class=ref>&#x1F469;&#x200D;&#x1F467;&#x200D;&#x1F466;</div><!-- family with mother, son and daughter -->
     27    </div>
     28    <div class=container>
     29        <div class=ref>&#x1F939;&#x200D;&#x2640;&#xFE0F;</div><!-- woman juggling -->
     30    </div>
     31    <div class=container>
     32        <div class=ref>&#x26F9;&#x1F3FF;&#x200D;&#x2640;&#xFE0F;</div><!-- woman basketball player (fitzpatrick type 6) -->
     33    </div>
     34    <div class=container>
     35        <div class=ref>&#x1F3F3;&#xFE0F;&#x200D;&#x1F308;</div><!-- rainbow flag -->
     36    </div>
     37    <div class=container>
     38        <div class=ref>&#x1F3F4;&#xE0067;&#xE0062;&#xE0077;&#xE006C;&#xE0073;&#xE007F;</div><!-- flag of Wales -->
     39    </div>
     40 </body>
     41 </html>