<input>

🔰 HTML ⟩ Elements ⟩

Normally, display: block elements automatically fill the available width, but <input> is a bit different. Its width is determined by the size attribute, which indicates roughly the number of characters it should contain without scrolling.

This attribute reverts to a default value if not specified. You can force a specific width with the CSS width property. 👉 CSS in Depth, p.135.