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