text-indent-with-absolute-pos-child-ref.html (2201B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>This tests that first line text-indent is applied properly when the child is a statically positioned out-of-flow renderer.</title> 6 7 <link rel="stylesheet" href="/fonts/ahem.css" /> 8 <style> 9 body { 10 margin: 40px; 11 } 12 13 .container { 14 display: block; 15 background-color: green; 16 width: 100px; 17 height: 20px; 18 color: green; 19 font-family: Ahem; 20 font-size: 10px; 21 } 22 23 .inner { 24 display: block; 25 background-color: blue; 26 width: 20px; 27 height: 20px; 28 } 29 </style> 30 </head> 31 <body> 32 <div> 33 <div class=container><div class=inner style="margin-left: 20px;"></div></div> 34 <div class=container><div class=inner style="margin-left: 20px;"></div></div> 35 <div class=container><div class=inner style="margin-left: 20px;"></div></div> 36 <div class=container><div class=inner style="margin-left: 20px;"></div></div> 37 <div class=container><div class=inner style="position: relative; left: 70px;"></div></div> 38 <div class=container><div class=inner style="margin-left: -20px;"></div></div> 39 <div class=container><div class=inner style="left: 40px;"></div></div> 40 <div class=container><div class=inner></div></div> 41 <div class=container><div class=inner></div></div> 42 <div class=container><div class=inner style="position: relative; top: 10px"></div></div> 43 <div class=container><div class=inner></div></div> 44 </div> 45 46 <div style="direction: rtl;"> 47 <div class=container><div class=inner style="margin-right: 20px;"></div></div> 48 <div class=container><div class=inner style="margin-right: 20px;"></div></div> 49 <div class=container><div class=inner style="margin-right: 20px;"></div></div> 50 <div class=container><div class=inner style="margin-right: 20px;"></div></div> 51 <div class=container><div class=inner style="position: relative; right: 70px;"></div></div> 52 <div class=container><div class=inner style="margin-right: -20px;"></div></div> 53 <div class=container><div class=inner style="right: 40px;"></div></div> 54 <div class=container><div class=inner></div></div> 55 <div class=container><div class=inner></div></div> 56 <div class=container><div class=inner style="position: relative; top: 10px"></div></div> 57 <div class=container><div class=inner></div></div> 58 </div> 59 60 </body> 61 </html>