OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .container { |
| 4 position: relative; |
| 5 text-align: left; |
| 6 text-indent: -100px; |
| 7 height: 50px; |
| 8 width: 200px; |
| 9 border: solid; |
| 10 font: 10px Ahem; |
| 11 } |
| 12 .rtl { |
| 13 direction: rtl; |
| 14 text-align: right; |
| 15 } |
| 16 |
| 17 span { |
| 18 position: absolute; |
| 19 } |
| 20 </style> |
| 21 <script src="../../../resources/check-layout.js"></script> |
| 22 <p>crbug.com/568851: text-indent should be applied to leading statically positio
ned out-of-flow objects.</p> |
| 23 <div class="container"> |
| 24 <span data-offset-x=-100>Text</span> |
| 25 </div> |
| 26 <div class="container"> |
| 27 <span data-offset-x=-100 style="display:inline-block;">Text</span> |
| 28 </div> |
| 29 <div class="container"> |
| 30 Text<span data-offset-x=-60 style="display:inline-block;">Text</span> |
| 31 </div> |
| 32 <div class="container"> |
| 33 Text<br><span data-offset-x=0 style="display:inline-block;">Text</span> |
| 34 </div> |
| 35 <div class="container"> |
| 36 Text Text Text Text Text |
| 37 Text<span data-offset-x=190 style="display:inline-block;">Text</span> |
| 38 </div> |
| 39 <div class="container"> |
| 40 <span data-offset-x=-100>Text</span> |
| 41 </div> |
| 42 <div class="container"> |
| 43 Text<span data-offset-x=-60>Text</span> |
| 44 </div> |
| 45 <div class="container"> |
| 46 Text<br><span data-offset-x=0>Text</span> |
| 47 </div> |
| 48 <div class="container"> |
| 49 Text Text Text Text Text |
| 50 Text<span data-offset-x=190>Text</span> |
| 51 </div> |
| 52 |
| 53 <div class="container rtl"> |
| 54 <span data-offset-x=300>Text</span> |
| 55 </div> |
| 56 <div class="container rtl"> |
| 57 <span data-offset-x=300 style="display:inline-block;">Text</span> |
| 58 </div> |
| 59 <div class="container rtl"> |
| 60 Text<span data-offset-x=260 style="display:inline-block;">Text</span> |
| 61 </div> |
| 62 <div class="container rtl"> |
| 63 Text<br><span data-offset-x=200 style="display:inline-block;">Text</span> |
| 64 </div> |
| 65 <div class="container"> |
| 66 Text Text Text Text Text Text Text Text Text Text Text Text |
| 67 Text<span data-offset-x=140 style="display:inline-block;">Text</span> |
| 68 </div> |
| 69 <div class="container rtl"> |
| 70 <span data-offset-x=300>Text</span> |
| 71 </div> |
| 72 <div class="container rtl"> |
| 73 Text<span data-offset-x=260>Text</span> |
| 74 </div> |
| 75 <div class="container rtl"> |
| 76 Text<br><span data-offset-x=200>Text</span> |
| 77 </div> |
| 78 <div class="container"> |
| 79 Text Text Text Text Text Text Text Text Text Text Text Text |
| 80 Text<span data-offset-x=140>Text</span> |
| 81 </div> |
| 82 <script> |
| 83 checkLayout(".container"); |
| 84 </script> |
OLD | NEW |