fieldset-element-001.html (862B)
1 <!DOCTYPE html> 2 <title>CSS aspect-ratio: Test fieldset's block size honoring automatic content-based minimum</title> 3 <link rel="author" title="mozilla" href="https://www.mozilla.org/"> 4 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio-minimum"> 5 <link rel="match" href="fieldset-element-001-ref.html" /> 6 7 <style> 8 fieldset { 9 width: 200px; 10 aspect-ratio: 20 / 1; 11 background: yellow; 12 } 13 14 legend { 15 background: black; 16 color: white; 17 padding: 3px 6px; 18 } 19 </style> 20 21 <form> 22 <fieldset> 23 <legend>Choose one item:</legend> 24 25 <input type="radio" id="item1" name="item"> 26 <label for="item1">item 1</label><br/> 27 28 <input type="radio" id="item2" name="item"> 29 <label for="item2">item 2</label><br/> 30 31 <input type="radio" id="item3" name="item"> 32 <label for="item3">item 3</label> 33 </fieldset> 34 </form>