chromium/src/third_party/blink/web_tests/fast/css/text-align-img.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
 div > div {
   font: 20px/1 Ahem;
   width: 4ch;
   border: solid 5px blue;
   display: inline-block;
   vertical-align: top;
 }
 .left > div {
   text-align: left;
 }
 .center > div {
   text-align: center;
 }
 .right > div {
   text-align: right;
 }
 img {
   width: 50px;
   height: 40px;
 }
 </style>
 <div class="left">
   <div>aa aa  aa aa</div>
   <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div>
   <div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
   <div><img src="resources/greenbox.png"> <img src="resources/greenbox.png">  <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
 </div>
 <div class="center">
   <div>aa aa  aa aa</div>
   <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div>
   <div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
   <div><img src="resources/greenbox.png"> <img src="resources/greenbox.png">  <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
 </div>
 <div class="right">
   <div>aa aa  aa aa</div>
   <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div>
   <div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
   <div><img src="resources/greenbox.png"> <img src="resources/greenbox.png">  <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
 </div>
	<!DOCTYPE html>
	<style>
	div > div {
	font: 20px/1 Ahem;
	width: 4ch;
	border: solid 5px blue;
	display: inline-block;
	vertical-align: top;
	}
	.left > div {
	text-align: left;
	}
	.center > div {
	text-align: center;
	}
	.right > div {
	text-align: right;
	}
	img {
	width: 50px;
	height: 40px;
	}
	</style>
	<div class="left">
	<div>aa aa aa aa</div>
	<div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div>
	<div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
	<div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
	</div>
	<div class="center">
	<div>aa aa aa aa</div>
	<div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div>
	<div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
	<div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
	</div>
	<div class="right">
	<div>aa aa aa aa</div>
	<div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div>
	<div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
	<div><img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"> <img src="resources/greenbox.png"></div>
	</div>