По умолчанию свойство box-sizing для HTML элементов имеет значение content-box.
Это значит, что задавая значение ширины для HTML элемента мы будет регулировать именно ширину элемента - поля, бордюр будут увеличивать реальный размер элемента.
Чтобы задать равную ширину удобно использовать значение свойства box-sizing равным border-box. То есть в ширину HTML элементов будет включаться поля и границы. Отступы (margin) учитываться не будут, и их можно не задавать или задать одинаковыми для всех элементов.
Например, нам нужно сделать поля формы одинаковой ширины - 100% Подпись для поля будем задавать с помощью placeholder, тогда css код для полей формы будет примерно таким:
width:100%; box-sizing:border-box; margin:0 0 15px;