| <!DOCTYPE html> |
| <title>CSS aspect-ratio reference: Test that fieldset's block size honors automatic content-based minimum, but capped by its maximum block-size</title> |
| <style> |
| fieldset { |
| inline-size: 200px; |
| block-size: 20px; |
| background: yellow; |
| } |
| |
| legend { |
| background: black; |
| color: white; |
| padding: 3px 6px; |
| } |
| </style> |
| |
| <form> |
| <fieldset> |
| <legend>Choose one item:</legend> |
| |
| <input type="radio" id="item1" name="item"> |
| <label for="item1">item 1</label><br/> |
| |
| <input type="radio" id="item2" name="item"> |
| <label for="item2">item 2</label><br/> |
| |
| <input type="radio" id="item3" name="item"> |
| <label for="item3">item 3</label> |
| </fieldset> |
| </form> |
