chromium/third_party/blink/web_tests/virtual/text-antialias/ellipsis-in-relative-inline-3.html

<style>
.container {
	padding: 50px;
	width: 400px;
}

.wrapper {
	display: block;
	background-color: #ddd;
	margin-bottom: 2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rect {
	display: inline-block;
	position: relative;
	width: 45px;
	height: 45px;
	vertical-align: middle;
	top: 3px;
}
</style>
<p>crbug.com/786326: There should be an ellipsis below.</p>
<div class="container">
	<span class="wrapper">
		<span class="rect"></span>
		<span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste laowner:meboriosam eum aut porro? Doloremque, accusamus facere fuga dignissimos deleniti illo neque adipisci qui voluptatum in, animi unde sapiente quia veritatis!</span>
		<span class="rect"></span>
	</span>
</div>