tor-browser

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

block-plaintext-004.html (1811B)

      1 <!DOCTYPE html>
      2 <html lang="en">
      3 <head>
      4 <meta charset="utf-8"/>
      5 <title>unicode-bidi: div plaintext with br</title>
      6 
      7 <link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
      8 <link rel="help" href='http://www.w3.org/TR/css-writing-modes-3/#text-direction'/>
      9 <link rel="match" href='reference/block-plaintext-004.html'/>
     10 <meta name="assert" content='If unicode-bidi:plaintext is applied to a div element containing br tags, each line of characters that starts after br is displayed according to the first strong character after the br.'/>
     11 <style type="text/css">
     12 .test { unicode-bidi: plaintext; }
     13 
     14 /* the following styles are not part of the test */
     15 .test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
     16 input { margin: 5px; }
     17 @font-face {
     18    font-family: 'ezra_silregular';
     19    src: url('/fonts/sileot-webfont.woff') format('woff');
     20    font-weight: normal;
     21    font-style: normal;
     22    }
     23 .test, .ref { font-family: ezra_silregular, serif; }
     24 </style>
     25 </head>
     26 <body>
     27 <p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p>
     28 
     29 
     30 <!--Notes:
     31 Key to entities used below:
     32        &#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
     33        &#x202d; - The LRO (left-to-right-override) formatting character.
     34        &#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
     35 -->
     36 
     37 
     38 <div class="test">
     39 &gt; a &gt; &#x5d1; &gt; c &gt;<br/>
     40 &gt; &#x5d0; &gt; b &gt; &#x5d2; &gt;<br/>
     41 &gt; a &gt; &#x5d1; &gt; c &gt;<br/>
     42 </div>
     43 
     44 <div class="ref">
     45 <div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
     46 <div dir="rtl">&#x202d;&lt;  &#x5d2; &lt; b &lt;  &#x5d0; &lt;&#x202c;</div>
     47 <div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
     48 </div>
     49 
     50 
     51 
     52 
     53 
     54 </body></html>