Как убрать лишний прорез между вариантами ответа у input checkbox/radio?

Question

[yanecoder]

Как убрать этот отступ между вариантами ответа в input checkbox/radio в чистом html?



Код:

<div>
    <p>Пол</p>
    <p> <input type="radio" name="gender"> </input> Мужчина </p>
    <p> <input type="radio" name="gender"> </input> Женщина </p>
</div>
<div>
    <p>Имущество</p>
    <p> <input type="checkbox" name="property"> </input> Автомобиль </p>
    <p> <input type="checkbox" name="property"> </input> Машина </p>
    <p> <input type="checkbox" name="property"> </input> Велосипед </p>
</div>

Comments

[Ankhena]

1. input одиночный тег. Его не нужно закрывать.
2. Обнулять отступы сразу у всех элементов - плохая практика. Они вам все равно понадобятся. Задавайте сразу нужные значения или обнуляйте только тем, кому нужно. Я неоднократно писала это в ответах и комментариях (про reset и normalize).
3. Просто уберите margin только у этих инпутов.

Answer 1

[Николай Угольников]

* {
    margin: 0;
    padding: 0;
}