Form_Text_Größe_in_px_stimmt_nicht_sofort

Ich habe da ein seltsames Probelm. Schon vor einigen Zeit ist mir aufgefallen, dass Dropdown- und Text-Felder trotz gleicher Pixelzahlen eine unterschiedliche Größe haben. Mit einer unschönen Ausgabe Vor der Html-Seite stimmt dann alles wieder. Aber es muss doch einen anderen Weg geben ?
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

xxx <!DOCTYPE> <html lang="de"> <head> <style> *{ margin:0; padding:0; } /* form{ width:180px; border:1px solid red } */ </style> </head> <body> <form action='Test.php' method='post' enctype='multipart/form-data'> <label> <input type = 'text' name = 'Erster Eintrag' value = 'ErsterEintrag'> Erster Eintrag</label><br/> <label> <select name='Inhalt'> <option value='Dropdown1'> Mal sehen, was hier steht</option> <option value='Dropdown2'> Ist der Haken jetzt weg ?</option> </select> Dropdown</label><br/> <label>achb_class = "chb_"+groupname_class; ... input = this._createCheckboxElement(chb_class,checked); ... <input class="leaflet-control-layers-selector chb_01" type="checkbox"> <input class="leaflet-control-layers-selector chb_02" type="checkbox"> <input class="leaflet-control-layers-selector " type="checkbox"> <input class="leaflet-control-layers-selector " type="checkbox"> <input class="leaflet-control-layers-selector " type="checkbox"> <input class="leaflet-control-layers-selector chb_02" type="checkbox"> <input class="leaflet-control-layers-selector chb_02" type="checkbox"> … <input type = 'text' name = 'Zweites Fld' value = 'Ist der Haken'> Zweiter Eintrag</label><br/> </form> </body> </html>