Отрегулируйте размер набора полей HTML

Question

Я использую теги <fieldset> для веб-сайта, который я создаю для отображения информации, потому что поле fieldset делает разделение информации более привлекательным.

Единственная проблема заключается в том, что поле fieldset расширяет ширину полястраница браузера и имеет много пустого пустого пространства. Есть ли атрибут или способ сделать так, чтобы он не был таким длинным по экрану?

Answer 1

Все элементы уровня блока с неопределенным размером будут занимать всю доступную ширину.

Если вы добавите некоторый CSS в набор полей, чтобы настроить его для отображения в виде встроенного блока, он не будет иметь полную ширину. Вы также можете установить желаемую ширину.

fieldset{
  display: inline-block;
}

или

fieldset{
  width: 50%
}

Единственная проблема, с которой вы здесь можете столкнуться, заключается в том, что fieldset может не работать должным образом, потому что это будетв линию. Вы также можете установить ширину набора полей с помощью CSS или обернуть набор полей в div и установить ширину DIVs на любую ширину, которая вам нужна.

Вот кодовая ручка с примерами каждого из них: https://codepen.io/jamiecalder/pen/dyyYLVp