Google Git
Sign in
webkit / WebKit / 49e061d8a3dbe8c30f3935dcdd27d7b6b9ae2882 / . / LayoutTests / fast / text / international / bidi-layout-across-linebreak.html
blob: 499162de1e292553c5a89529ca40a90ac5e1a953 [file] [log] [blame]
<!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>