| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <style> |
| div { |
| left: 31px; |
| line-height: 14px; |
| overflow: hidden; |
| position: absolute; |
| right: 3px; |
| text-overflow: ellipsis; |
| top: 9px; |
| white-space: nowrap; |
| width: 100px; |
| |
| } |
| .rtl { |
| direction: rtl; |
| } |
| </style> |
| <p>crbug.com/737837: Place ellipsis correctly when inline has relative position.</p> |
| <div style="top: 50px;">abcdefghijklmnop</div> |
| <div class="rtl" style="top: 70px;">abcdefghijklmnop</div> |
| <div style="top: 90px;">אבגדהוזחטיכךללכךלכךל</div> |
| <div class="rtl" style="top: 110px;">אבגדהוזחטיכךללכךלכךל</div> |