third_party/WebKit/LayoutTests/fast/text/international/bidi-layout-across-linebreak.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2 "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5 <title>Bidi layout across line break</title>
   6 <style type="text/css">
   7     td p { margin:0; }
   8     .override p { unicode-bidi:bidi-override; direction:ltr; }
   9     td { border: 1px solid green; padding:2px; }
  10 </style></head>
  11 <body>
  12 <p>
  13 The T column should match the R column. The H columns uses &lt;br/&gt; to force line breaks.
  14 </p>
  15 <table style="border-collapse:collapse; font-family:'Lucida Grande'; font-size:16px;">
  16 <tr>
  17     <td style="border-top:none; border-left:none;"></td>
  18     <td style="width:2.5em;">H</td>
  19     <td style="width:1.8em;">T</td>
  20     <td style="width:2.5em;">R</td>
  21 </tr>
  22 <tr>
  23     <td>1</td>
  24     <td style="direction:ltr">
  25     &#x05d0;.<br/>b
  26     </td>
  27     <td style="direction:ltr">
  28     &#x05d0;. b
  29     </td>
  30     <td class="override">
  31     <p>&#x05d0;.</p>
  32     <p>b</p>
  33     </td>
  34 </tr>
  35 <tr>
  36     <td>2</td>
  37     <td style="direction:ltr">
  38     &#x05d0;.<br/>&#x05d1;
  39     </td>
  40     <td style="direction:ltr">
  41     &#x05d0;. &#x05d1;
  42     </td>
  43     <td class="override">
  44     <p>.&#x05d0;</p>
  45     <p>&#x05d1;</p>
  46     </td>
  47 </tr>
  48 <tr>
  49     <td>3</td>
  50     <td style="direction:rtl; text-align:left">
  51     &#x05d0;&#x05d0;<br/>1 b
  52     </td>
  53     <td style="direction:rtl; text-align:left">
  54     &#x05d0;&#x05d0; 1 b
  55     </td>
  56     <td class="override">
  57     <p>&#x05d0;&#x05d0;</p>
  58     <p>b 1</p>
  59     </td>
  60 </tr>
  61 <tr>
  62     <td>4</td>
  63     <td style="direction:rtl; text-align:left">
  64     aa<br/>1 b
  65     </td>
  66     <td style="direction:rtl; text-align:left">
  67     aa 1 b
  68     </td>
  69     <td class="override">
  70     <p>aa</p>
  71     <p>1 b</p>
  72     </td>
  73 </tr>
  74 <tr>
  75     <td>5</td>
  76     <td style="direction:rtl; text-align:left">
  77     &#x05d0;&#x05d0;<br/>1 &#x05d1;
  78     </td>
  79     <td style="direction:rtl; text-align:left">
  80     &#x05d0;&#x05d0; 1 &#x05d1;
  81     </td>
  82     <td class="override">
  83     <p>&#x05d0;&#x05d0;</p>
  84     <p>&#x05d1; 1</p>
  85     </td>
  86 </tr>
  87 <tr>
  88     <td>6</td>
  89     <td style="direction:rtl; text-align:left">
  90     aa<br/>1 &#x05d1;
  91     </td>
  92     <td style="direction:rtl; text-align:left">
  93     aa 1 &#x05d1;
  94     </td>
  95     <td class="override">
  96     <p>aa</p>
  97     <p>&#x05d1; 1</p>
  98     </td>
  99 </tr>
 100 <tr>
 101     <td>7</td>
 102     <td style="direction:ltr">
 103 a (<br/>] b
 104     </td>
 105     <td style="direction:ltr">
 106 a ( ] b
 107     </td>
 108     <td class="override">
 109 <p>a (</p>
 110 <p>] b</p>
 111     </td>
 112 </tr>
 113 <tr>
 114     <td>8</td>
 115     <td style="direction:ltr">
 116 &#x05d0; (<br/>] b
 117     </td>
 118     <td style="direction:ltr">
 119 &#x05d0; ( ] b
 120     </td>
 121     <td class="override">
 122 <p>&#x05d0; (</p>
 123 <p>] b</p>
 124     </td>
 125 </tr>
 126 <tr>
 127     <td>9</td>
 128     <td style="direction:ltr">
 129 a (<br/>] &#x05d1;
 130     </td>
 131     <td style="direction:ltr">
 132 a ( ] &#x05d1;
 133     </td>
 134     <td class="override">
 135 <p>a (</p>
 136 <p>] &#x05d1;</p>
 137     </td>
 138 </tr>
 139 <tr>
 140     <td>10</td>
 141     <td style="direction:ltr">
 142 &#x05d0; (<br/>] &#x05d1;
 143     </td>
 144     <td style="direction:ltr">
 145 &#x05d0; ( ] &#x05d1;
 146     </td>
 147     <td class="override">
 148 <p>) &#x05d0;</p>
 149 <p>&#x05d1; [</p>
 150     </td>
 151 </tr>
 152 </table>
 153 </body>