Я хочу использовать флажки, имеющие ширину 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>
Удалить margin: 0 auto; width: 100%; из input[type="checkbox"]. Если авто по бокам, коробка находится посередине.
margin: 0 auto; width: 100%;
input[type="checkbox"]
Наличие блока дисплея позволит убедиться, что он находится на отдельной строке