Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/virtual/text-antialias/international/bidi-layout-across-linebreak.html 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bidi layout across line break</title>
<style type="text/css">
    td p { margin:0; }
    .override p { unicode-bidi:bidi-override; direction:ltr; }
    td { border: 1px solid green; padding:2px; }
</style></head>
<body>
<p>
The T column should match the R column. The H columns uses &lt;br/&gt; to force line breaks.
</p>
<table style="border-collapse:collapse; font-family:'Lucida Grande'; font-size:16px;">
<tr>
    <td style="border-top:none; border-left:none;"></td>
    <td style="width:2.5em;">H</td>
    <td style="width:1.8em;">T</td>
    <td style="width:2.5em;">R</td>
</tr>
<tr>
    <td>1</td>
    <td style="direction:ltr">
    &#x05d0;.<br/>b
    </td>
    <td style="direction:ltr">
    &#x05d0;. b
    </td>
    <td class="override">
    <p>&#x05d0;.</p>
    <p>b</p>
    </td>
</tr>
<tr>
    <td>2</td>
    <td style="direction:ltr">
    &#x05d0;.<br/>&#x05d1;
    </td>
    <td style="direction:ltr">
    &#x05d0;. &#x05d1;
    </td>
    <td class="override">
    <p>.&#x05d0;</p>
    <p>&#x05d1;</p>
    </td>
</tr>
<tr>
    <td>3</td>
    <td style="direction:rtl; text-align:left">
    &#x05d0;&#x05d0;<br/>1 b
    </td>
    <td style="direction:rtl; text-align:left">
    &#x05d0;&#x05d0; 1 b
    </td>
    <td class="override">
    <p>&#x05d0;&#x05d0;</p>
    <p>b 1</p>
    </td>
</tr>
<tr>
    <td>4</td>
    <td style="direction:rtl; text-align:left">
    aa<br/>1 b
    </td>
    <td style="direction:rtl; text-align:left">
    aa 1 b
    </td>
    <td class="override">
    <p>aa</p>
    <p>1 b</p>
    </td>
</tr>
<tr>
    <td>5</td>
    <td style="direction:rtl; text-align:left">
    &#x05d0;&#x05d0;<br/>1 &#x05d1;
    </td>
    <td style="direction:rtl; text-align:left">
    &#x05d0;&#x05d0; 1 &#x05d1;
    </td>
    <td class="override">
    <p>&#x05d0;&#x05d0;</p>
    <p>&#x05d1; 1</p>
    </td>
</tr>
<tr>
    <td>6</td>
    <td style="direction:rtl; text-align:left">
    aa<br/>1 &#x05d1;
    </td>
    <td style="direction:rtl; text-align:left">
    aa 1 &#x05d1;
    </td>
    <td class="override">
    <p>aa</p>
    <p>&#x05d1; 1</p>
    </td>
</tr>
<tr>
    <td>7</td>
    <td style="direction:ltr">
a (<br/>] b
    </td>
    <td style="direction:ltr">
a ( ] b
    </td>
    <td class="override">
<p>a (</p>
<p>] b</p>
    </td>
</tr>
<tr>
    <td>8</td>
    <td style="direction:ltr">
&#x05d0; (<br/>] b
    </td>
    <td style="direction:ltr">
&#x05d0; ( ] b
    </td>
    <td class="override">
<p>&#x05d0; (</p>
<p>] b</p>
    </td>
</tr>
<tr>
    <td>9</td>
    <td style="direction:ltr">
a (<br/>] &#x05d1;
    </td>
    <td style="direction:ltr">
a ( ] &#x05d1;
    </td>
    <td class="override">
<p>a (</p>
<p>] &#x05d1;</p>
    </td>
</tr>
<tr>
    <td>10</td>
    <td style="direction:ltr">
&#x05d0; (<br/>] &#x05d1;
    </td>
    <td style="direction:ltr">
&#x05d0; ( ] &#x05d1;
    </td>
    <td class="override">
<p>) &#x05d0;</p>
<p>&#x05d1; [</p>
    </td>
</tr>
</table>
</body>