Как подвинуть текст внутри input'а?

Необходимо, чтобы текст не был за рамками input'a:

само фото


Ответы (1 шт):

Автор решения: Vasily

Вы можете добавить padding'и для отступа с края и воспользоваться свойством box-sizing со значением "border-box" для того что бы они "были включены" в основной размер:

input {
  width: 250px;
  background-color: #282928;
  color: #fff;
  padding: 10px;
  border: 1px solid;
  border-radius: 15px;
  box-sizing: border-box;
}
<input value="text" />

→ Ссылка