| <style> |
| .icon { |
| position: relative; |
| top: 1px; |
| } |
| .wrapper { |
| width: 200px; |
| } |
| .row { |
| white-space: nowrap; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| .icon { |
| color: white; |
| } |
| .rtl { |
| direction: rtl; |
| } |
| </style> |
| <p>crbug.com/762978: There should be an ellipsis in both lines below.</p> |
| <div class="wrapper"> |
| <div class="row"> |
| <span class="icon"> |
| T |
| </span> |
| <span class="label"> |
| This text should truncate with ellipsis |
| </span> |
| </div> |
| </div> |
| <div class="wrapper"> |
| <div class="row rtl"> |
| <span class="label"> |
| This text should truncate with ellipsis |
| </span> |
| <span class="icon"> |
| T |
| </span> |
| </div> |
| </div> |