Отступ между полем ввода и кнопкой?

Question

[arsen044]

Здраствуйте, подскажите, как сделать небольшой отступ между полем ввода и кнопкой

<label for="name">Введите имя</label>
                 <input type="username" 
                        maxlength="25"
						/>
						<form>
  <input value="Продолжить" type="button" onclick="location.href='index1.html'" />

Comments

[Вадим]

И что, не гуглится ничего по запросу "отступ между элементами HTML"?

[arsen044]

Вадим, *ничего не работает

[Вадим]

arsen044, Ну значит нужно предоставить демку на условном codepen где воспроизводится проблема, чтобы можно было сказать почему не работает и предложить исправление.
Потому что с таким вопросом только стандартные варианты и будут предлагать в ответах.

[Hoqus]

display: block;
margin-bottom: 15px;

Пробовал?

[Ankhena]

Какой-то легкий бред в коде.
Инпуты не в форме, а кнопка в форме?

Кнопки удобнее делать с помощью button.

Отступы между элементами удобнее всего задавать с помощью margin или gap. Но имейте в виду, что вертикальные margin не работают с инлайновыми элементами и нужно сменить display.

*ничего не работает

0. Так у вас вообще стилей нет ;) Вы показали только разметку. Откуда там взяться отступам?
1. Проверьте код валидатором https://validator.w3.org/nu/
2. Исправьте ошибки, которые указала.
3. Сделайте песочницу на codepen.io или аналоге с видимой проблемой.
4. Или самостоятельно посмотрите в инструментах разработчика в браузере, почему ваши отступы не применились.

Answer 1

[Александр]

input[type="button"]{
margin-top: 10px;
}