Как сделать label над input CSS

Чтобы создать label над input в CSS, вы можете использовать свойство display: block для label и добавить отступы сверху и снизу, чтобы они не находились слишком близко к input. Затем вы можете использовать свойство margin-top для input, чтобы создать пространство между label и input.

Пример:

HTML:

<label for="input">Введите текст:</label>
<input type="text" id="input">

CSS:

label {
  display: block;
  margin-bottom: 10px;
}

input {
  margin-top: 5px;
}

В этом примере label будет отображаться над input, а между ними будет небольшое пространство. Вы можете настроить отступы и размеры, чтобы соответствовать вашим потребностям.м.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать label над input CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали