chromium/src/third_party/blink/web_tests/virtual/text-antialias/place-rtl-ellipsis-in-inline-blocks-align-left.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <meta charset='utf-8'>
 <style>
 div {
     width: 55px;
     font: 12px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: left;
 }
 .rtl {
   direction: rtl;
 }
 span {
     display: inline-block;
 }
 </style>
 <p>crbug.com/133700: Ellipsis placed correctly in rtl text in an inline-block wth an rtl flow.</p>

 <p>You should see text followed by ellipsis below.</p>
 <div>
       <span>אבג</span><span>דהו</span><span>זחט</span>
 </div>

 <p>You should see ellipsis followed by text below.</p>
 <div class="rtl">
       <span>אבג</span><span>דהו</span><span>זחט</span>
 </div>

 <p>You should see text followed by ellipsis below.</p>
 <div>
       <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span>
 </div>

 <p>You should see ellipsis followed by text below.</p>
 <div class="rtl">
       <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span>
 </div>
	<!DOCTYPE html>
	<meta charset='utf-8'>
	<style>
	div {
	width: 55px;
	font: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	}
	.rtl {
	direction: rtl;
	}
	span {
	display: inline-block;
	}
	</style>
	<p>crbug.com/133700: Ellipsis placed correctly in rtl text in an inline-block wth an rtl flow.</p>

	<p>You should see text followed by ellipsis below.</p>
	<div>
	<span>אבג</span><span>דהו</span><span>זחט</span>
	</div>

	<p>You should see ellipsis followed by text below.</p>
	<div class="rtl">
	<span>אבג</span><span>דהו</span><span>זחט</span>
	</div>

	<p>You should see text followed by ellipsis below.</p>
	<div>
	<span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span>
	</div>

	<p>You should see ellipsis followed by text below.</p>
	<div class="rtl">
	<span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span>
	</div>