<!DOCTYPE HTML> | |
<html> | |
<body> | |
<fieldset style="display:grid; overflow:hidden; grid-template-columns: repeat(4,50px); grid-auto-rows: 20px; width:200px; height:200px;"> | |
<legend>Legend</legend> | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
</fieldset> | |
<fieldset style="display:grid; grid-auto-columns: 50px; grid-auto-rows: 20px;"> | |
<legend>Legend</legend> | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
<p>X | |
</fieldset> | |
</body> | |
</html> |