Fieldset does not support display: table / table-cell

Question

I\'m trying to use display: table with fieldset, but it\'s not scaling properly. The same thing works if I change

to

Answer 1

When you change the width of the fieldset, you are changing the size of the border of it. Its function is to group elements and draw a border around them. Its size doesn't affects the content inside it. So, follow this.

.fieldset {
display: table;
padding:0;
border:none;
}
.div {
display:table-cell;
border: 1px solid black;
width:calc(100vw * 1/3);
}

1
2
3