<!DOCTYPE html> | |
<style> | |
.ellipsis{ | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap | |
} | |
.container { | |
width:200px; | |
} | |
.inline{ | |
display:inline-block; | |
} | |
</style> | |
<p>crbug.com/745867: Only truncate atomic inlines that follow the ellipsis.</p> | |
<div class="container"> | |
<div class="ellipsis"> | |
<span class="inline">Text</span> | |
<span>You should see 'Text' before this text. You should see.</span> | |
</div> | |
</div> |