legend-auto-margins-ref.html (837B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>legend inline auto margins</title> 5 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1488301"> 6 <style> 7 body, html { padding:0; margin: 0; } 8 div { 9 border: 1px solid black; 10 border-width: 10px 17px 7px 23px; 11 padding: 0; 12 margin: 0; 13 width: 448px; 14 height: 5px; 15 margin-top: 5px; 16 position: relative; 17 } 18 span { 19 position: absolute; 20 top: -15px; 21 width: 200px; 22 height: 20px; 23 padding: 0; 24 margin: 0; 25 background: grey; 26 } 27 center { width: 200px; height: 20px; background: red; } 28 </style> 29 </head> 30 <body> 31 <div><span style="right:17px"></span></div> 32 <div><span style="left:31px"></span></div> 33 <div><span style="left:131px"></span></div> 34 <div><span style="right:32px"></span></div> 35 <div><span style="left:46px"></span></div> 36 </body> 37 </html>