third_party/WebKit/LayoutTests/fast/text/trailing-white-space-2.html

   1 <style>
   2     div {
   3         width: 200px;
   4         font-size: 20px;
   5         background-color: lightyellow;
   6         text-decoration: underline;
   7         font-family: 'Lucida Grande';
   8         -webkit-line-break: after-white-space;
   9         margin: 8px;
  10         float: left;
  11     }
  12     span {
  13         background-color: pink;
  14     }
  15 </style>
  16 <div>
  17 Lorem ipsum dolor<span> sit amet</span>
  18 </div>
  19 <div style="text-align: center;">
  20 Lorem ipsum dolor<span> sit amet</span>
  21 </div>
  22 <div style="text-align: right;">
  23 Lorem ipsum dolor<span> sit amet</span>
  24 </div>
  25 <div style="text-align: justify;">
  26 Lorem ipsum dolor<span> sit amet</span>
  27 </div>
  28 <div style="direction: rtl; text-align: left;">
  29 Lorem ipsum dolor<span> sit amet</span>
  30 </div>
  31 <div style="direction: rtl; text-align: center;">
  32 Lorem ipsum dolor<span> sit amet</span>
  33 </div>
  34 <div style="direction: rtl; text-align: right;">
  35 Lorem ipsum dolor<span> sit amet</span>
  36 </div>
  37 <div style="direction: rtl; text-align: justify;">
  38 Lorem ipsum dolor<span> sit amet</span>
  39 </div>
  40 <div>
  41 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  42 </div>
  43 <div style="text-align: center;">
  44 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  45 </div>
  46 <div style="text-align: right;">
  47 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  48 </div>
  49 <div style="text-align: justify;">
  50 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  51 </div>
  52 <div style="direction: rtl; text-align: left;">
  53 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  54 </div>
  55 <div style="direction: rtl; text-align: center;">
  56 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  57 </div>
  58 <div style="direction: rtl; text-align: right;">
  59 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  60 </div>
  61 <div style="direction: rtl; text-align: justify;">
  62 Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
  63 </div>