Как правильно подобрать ширину для поля ввода?

Question

[Магжан Биргебайулы]

<p><input type='text' name='text' /></p>

p input{
	padding: 5px 10px;
	width: 100%;
}

По идее - нужно что бы ширина поле ввода была 100% но дополнительно добавляются 20px.
Можно конечно использовать text-indent, но какие ещё варианты есть? Ведь справа отступа не будет.

Comments

[westdp]

Магжан Биргебайулы Если Вам помог отметьте его решением)

Answer 1

[westdp]

Первей введи значение box-sizing: border-box;
Это установит ширину включающую внешние и внутрение отступы, А далее как в макете или как пожелаете)

Comments

[savinovka]

внешние отступы при border-size не будут учитываться

[westdp]

savinovka Согласен)