chromium/src/third_party/blink/web_tests/virtual/text-antialias/international/bdo-bidi-width.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">
         <style>
             #test {
                 background: silver;
                 padding: 15px;
                 width: 30ex;
             }
             #test > div {
                 font-size: 3em;
                 background: white;
                 display: inline-block;
             }
             .highlight {
                 position: absolute;
                 border: 10px solid silver;
             }

         </style>
     </head>
     <body>
         <section id="test">
             <div>ااااا<bdo>کبند</bdo></div><br><br>
             <div><bdo>کبند</bdo></div><br><br>
             <div><bdo>کبند کبند</bdo></div><br><br>
             <div>ااااا<bdo dir="ltr">کبند</bdo></div><br><br>
             <div>ااااا<bdo dir="rtl">کبند</bdo></div><br><br>
             <div>ااااا<bdo dir="auto">کبند</bdo></div>
         </section>
         <section>
             <p>
                 Tests handling of <code>bdo</code> tags. The white box
                 for each line above should fully contain the text and
                 characters should not be painted on top of other
                 characters.
             </p>
         </section>
     </body>
 </body>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<style>
	#test {
	background: silver;
	padding: 15px;
	width: 30ex;
	}
	#test > div {
	font-size: 3em;
	background: white;
	display: inline-block;
	}
	.highlight {
	position: absolute;
	border: 10px solid silver;
	}

	</style>
	</head>
	<body>
	<section id="test">
	<div>ااااا<bdo>کبند</bdo></div><br><br>
	<div><bdo>کبند</bdo></div><br><br>
	<div><bdo>کبند کبند</bdo></div><br><br>
	<div>ااااا<bdo dir="ltr">کبند</bdo></div><br><br>
	<div>ااااا<bdo dir="rtl">کبند</bdo></div><br><br>
	<div>ااااا<bdo dir="auto">کبند</bdo></div>
	</section>
	<section>
	<p>
	Tests handling of <code>bdo</code> tags. The white box
	for each line above should fully contain the text and
	characters should not be painted on top of other
	characters.
	</p>
	</section>
	</body>
	</body>