LayoutTests/fast/css/absolute-inline-alignment.html - WebKit - Git at Google

 <!DOCTYPE html>
 <style>
     body {
         height: 200%;
     }
     div {
         width: 400px;
         height: 25px;
         background-color: silver;
         text-align: center;
         margin: 8px 0;
     }

     #float {
         float: left;
         width: 25px;
         height: 25px;
         background-color: rgba(0, 0, 255, 0.5);
     }
     #absolute {
         position: absolute;
         width: 25px;
         height: 25px;
         background-color: rgba(0, 0, 255, 0.5);
     }
 </style>
 <div><span id="absolute"></span>Lorem ipsum dolor sit amet</div>
 <div> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
 <div><span id="absolute"></span> Lorem ipsum<span id="absolute"></span>    dolor sit amet</div>
 <div><span id="absolute"></span> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
 <div>  <span id="absolute"></span> <span id="absolute"></span>    Lorem ipsum dolor sit amet</div>
 <div> <span id="absolute"></span>     Lorem ipsum dolor sit amet</div>
 <div> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
 <div><span id="float"></span>Lorem ipsum dolor sit amet</div>
 <div><span id="absolute"></span> Lorem ipsum<span id="absolute"></span>    dolor sit amet</div>
 <div> <span id="absolute"></span> <span id="float"></span> Lorem ipsum dolor sit amet</div>
 <div> <span id="float"></span> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
 <div>  <span id="absolute"></span> <span id="float"></span>    Lorem ipsum dolor sit amet</div>
	<!DOCTYPE html>
	<style>
	body {
	height: 200%;
	}
	div {
	width: 400px;
	height: 25px;
	background-color: silver;
	text-align: center;
	margin: 8px 0;
	}

	#float {
	float: left;
	width: 25px;
	height: 25px;
	background-color: rgba(0, 0, 255, 0.5);
	}
	#absolute {
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: rgba(0, 0, 255, 0.5);
	}
	</style>
	<div><span id="absolute"></span>Lorem ipsum dolor sit amet</div>
	<div> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
	<div><span id="absolute"></span> Lorem ipsum<span id="absolute"></span> dolor sit amet</div>
	<div><span id="absolute"></span> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
	<div> <span id="absolute"></span> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
	<div> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
	<div> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
	<div><span id="float"></span>Lorem ipsum dolor sit amet</div>
	<div><span id="absolute"></span> Lorem ipsum<span id="absolute"></span> dolor sit amet</div>
	<div> <span id="absolute"></span> <span id="float"></span> Lorem ipsum dolor sit amet</div>
	<div> <span id="float"></span> <span id="absolute"></span> Lorem ipsum dolor sit amet</div>
	<div> <span id="absolute"></span> <span id="float"></span> Lorem ipsum dolor sit amet</div>