Установите флажки шириной 100% без меток слева - PullRequest
0 голосов
/ 02 мая 2019

Я хочу использовать флажки, имеющие ширину 100% контейнера слева, но я не могу найти решение, как это сделать.

Это мой HTML-код:

.checkboxes {
  border: 1px solid #000;
  width: 400px;
}

input[type=checkbox] {
  display: block;
  text-align: left;
  margin: 0 auto;
  width: 100%;
}
<div class="checkboxes">
  <input type="checkbox" id="scales" name="scales">
  <input type="checkbox" id="horns" name="horns">
</div>

1 Ответ

1 голос
/ 02 мая 2019

Удалить margin: 0 auto; width: 100%; из input[type="checkbox"]. Если авто по бокам, коробка находится посередине.

Наличие блока дисплея позволит убедиться, что он находится на отдельной строке

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...