legend-tall.html (575B)
1 <!DOCTYPE html> 2 <title>tall legend</title> 3 <link rel=match href=legend-tall-ref.html> 4 <style> 5 body, p { margin: 0; } 6 fieldset { height: 30px; margin: 0; border: 20px solid green; padding: 0px; background: red; } 7 legend { height: 160px; background: lime; padding: 0; } 8 #behind { 9 position: absolute; 10 z-index: -1; 11 margin-top: calc((/* half legend height */ 160px / 2) - (/* half top border */ 20px / 2)); 12 background: red; 13 height: 40px; 14 left: 0; 15 right: 0; 16 } 17 </style> 18 <p>There should be no red.</p> 19 <div id=behind></div> 20 <fieldset><legend>X</legend>HELLO</fieldset>