1156021-text-indent-percent-ref.html (1082B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 body { 7 font-size: 10px; 8 } 9 div { 10 width: 100px; 11 height: 200px; 12 margin: 5px; 13 border: 1px solid silver; 14 display: inline-block; 15 vertical-align: top; 16 } 17 p { 18 inline-size: 100%; 19 margin: 0; 20 } 21 span { 22 display: inline-block; 23 width: 20px; 24 height: 20px; 25 background: green; 26 position: relative; 27 } 28 </style> 29 </head> 30 <body> 31 <div> <p><span style="left: 20px;"></span></p> </div> 32 <div> <p><span style="left: 60px;"></span></p> </div> 33 <div> <p><span style="top: 40px;"></span></p> </div> 34 <div> <p><span style="top: 140px;"></span></p> </div> 35 <div> <p><span style="top: 40px; left: 80px;"></span></p> </div> 36 <div> <p><span style="top: 140px; left: 80px;"></span></p> </div> 37 <br> 38 <div> <p><span style="left: 20px;"></span></p> </div> 39 <div> <p><span style="left: 60px;"></span></p> </div> 40 <div> <p><span style="top: 40px;"></span></p> </div> 41 <div> <p><span style="top: 140px;"></span></p> </div> 42 <div> <p><span style="top: 40px;"></span></p> </div> 43 <div> <p><span style="top: 140px;"></span></p> </div> 44 </body> 45 </html>