1108923-1-percentage-margins-ref.html (733B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 .outer { 7 width:600px; 8 height:200px; 9 border:1px solid gray; 10 background:#eee; 11 font-size:0px; 12 } 13 .test1 { 14 display:inline-block; 15 position:relative; 16 top:100px; 17 left:300px; 18 border:10px solid green; 19 width:80px; 20 height:30px; 21 } 22 .test2 { 23 display:inline-block; 24 position:relative; 25 top:0px; 26 left:250px; 27 border:10px solid blue; 28 width:80px; 29 height:30px; 30 } 31 .test3 { 32 display:inline-block; 33 position:relative; 34 top:20px; 35 left:230px; 36 border:10px solid yellow; 37 width:80px; 38 height:30px; 39 } 40 </style> 41 </head> 42 43 <body> 44 45 <div class="outer"> 46 47 <div class="test3"> 48 </div> 49 50 <div class="test2"> 51 </div> 52 53 <div class="test1"> 54 </div> 55 56 </div> 57 58 </body> 59 </html>