chromium/src/third_party/blink/web_tests/fast/css3-text/css3-text-decoration/text-underline-position/text-underline-first-line-decoration-vertical-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <body style="overflow:hidden">
 <p>Test to make sure that the decoration line paints properly underneath the subscript.
 </p>

 <p class="decorate" style="writing-mode:vertical-lr; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange">
 <span style="text-decoration:underline">The first line <span style="vertical-align:-20px">has a decoration,</span> but not </span><img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"><span style="text-decoration:underline"> under the image.</span><br>
 The second line should not.
 </p>

 <p class="decorate" style="writing-mode:vertical-rl; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange">
 <span style="text-decoration:underline">The first line <span style="vertical-align:-20px">has a decoration,</span> but not </span><img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"><span style="text-decoration:underline"> under the image.</span><br>
 The second line should not.
 </p>
	<!DOCTYPE html>
	<body style="overflow:hidden">
	<p>Test to make sure that the decoration line paints properly underneath the subscript.
	</p>

	<p class="decorate" style="writing-mode:vertical-lr; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange">
	<span style="text-decoration:underline">The first line <span style="vertical-align:-20px">has a decoration,</span> but not </span><img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"><span style="text-decoration:underline"> under the image.</span><br>
	The second line should not.
	</p>

	<p class="decorate" style="writing-mode:vertical-rl; margin-right:10px; font-size:24px; float:left;text-underline-position:under; border:1px dotted orange">
	<span style="text-decoration:underline">The first line <span style="vertical-align:-20px">has a decoration,</span> but not </span><img style="vertical-align:-100px; height:20px;width:20px;background-color:lime"><span style="text-decoration:underline"> under the image.</span><br>
	The second line should not.
	</p>