Inputfelder auf die gleiche Länge bringen

Und zwar habe ich ein Inputfeld für den Namen size="21"
darunter habe ich eins für die Straße und Hausnummer size="14" und size="2"
darunter noch Plz und Ort size="5" und size="11"

Nun sind die unteren beiden Zeilen gleich lang. Zusammen ergibt die größe der beiden felder ja jeweils 16. Das obere Feld ist ca. 3 Pixel zu lang. Nehme ich für das obere Feld allerdings size="20", ist es ca. 3 Pixel zu kurz. Kann ich das Feld irgendwie auf die gleiche Länge bringen wie die unteren?

Viele Grüße,
Max

PS: Zwischen Straße und Hausnummer sowie Plz und Ort sind keine Leerzeichen o.ä. Die Inputfelder grenzen also genau aneinander.

/* CSS fier dingsbumbs web projekt */

input{
 width:100px;
}

/* CSS */
.fld_name{
 width:100px;
}
.fld_str{
 width:80px;
}
.fld_nr{
 width:20px;
}
/* ect. */

<input type="text" name="fld_name" value="Name" maxlength="30">  
<input type="text" name="fld_str" value="Strasse" maxlength="50">  
<input type="text" name="fld_nr" value="Nr." maxlength="4">