Отступ для формы на равне с placeholder

117
28 апреля 2021, 15:40

Как сделать отступы для текста, чтобы они были на одном уровне с placeholder ? Когда вводишь текст

Answer 1

body { 
  padding: 2rem; 
  margin: 0; 
} 
 
input { 
  display: block; 
  width: 100%; 
  margin: 1rem 0; 
  padding: 1rem; 
  box-sizing: border-box; 
}
<input type="text" placeholder="placeholder"> 
<input type="submit" value="submit">

Answer 2

Отступы для placeholder и текста, который Вы вводите в поле, одинаковы. Просто задайте padding для поля и эти отступы будут действовать и для placeholder и для текста.

READ ALSO
Как сделать `position: fixed` без последствий? [закрыт]

Как сделать `position: fixed` без последствий? [закрыт]

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском

104
При нажатии на картинку выезжает блок css/js [дубликат]

При нажатии на картинку выезжает блок css/js [дубликат]

Верстаю макет из psd На первой картинке простое состояние блока а на второй hoverКак при наведении мыши сделать выезжающий оранжевый блок

103
Сохранение текста, введенного в поле формы на html странице без использования php

Сохранение текста, введенного в поле формы на html странице без использования php

Можно ли при нажатии на кнопку 'Сохранить' сохранять значение текстового поля? Допустим, я ввёл в текстовое поле текст "777", и мне нужно сохранить...

129
Приложение с GUI на C#, а функционал на Python 3

Приложение с GUI на C#, а функционал на Python 3

Есть ли возможность сделать приложение с GUI, написанным на C#, а функционал на Python? Есть библиотеки и задачи которые будет в 14 раз легче написать...

102