BlackSeBo

Hi, first of all sry for my bad english i have a little problem with the following code: <div class="formular"> <form method="post" name="kd_form"> <select id="vo" title="VO"> <option value="11111111">Reutlingen</option> <option value="22222222">Tübingen</option> <option value="33333333">Nürtingen</option> </select><br> <div class="formname"> <input id="name" type="text" placeholder="Vorname"> <input id="name" type="text" placeholder="Name"> </div><br> <input id="street" type="text" placeholder="Straße"><br> <input id="plz" type="text" placeholder="PLZ"> <input id="town" type="text" placeholder="Stadt"><br> <input id="kdn" type="text" placeholder="Kundennummer"> <input id="kw" type="text" placeholder="Kennwort"><br> <input id="nummer" type="text" maxlength="12" placeholder="Rufnummer"> </form> </div> the CSS: .formname{ } #name{ display: inline-block; height: 2em; width: 15em; text-align: center; margin: 0; border: 1px 0; } #name:first-child{ border-bottom-left-radius: 15px; border-top-left-radius: 15px; border-right: 0; } #name:last-child{ border-bottom-right-radius: 15px; border-top-right-radius: 15px; border-left: 0; } thats the result: my problem is that i want to show 2 <input type=text> like 1 but i have a small space between both and dont know where to define that to set it to 0.i am sure that it is something very easy but i am not able to solve it now