title: Bootstrap 3 - Removing too much space between input fields with a dash in between
body: <p>I would like to have input boxes as:</p>
  
  <p><img src="https://i.stack.imgur.com/Rzii2.png" alt="enter image description here"></p>
  
  <p>but getting:</p>
  
  <p><img src="https://i.stack.imgur.com/bKQKY.png" alt="enter image description here"></p>
  
  <p>Is there any way i can remove the extra whitespace in between and get desired output without using css margins. My codes is as follows:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-2 employerEin"&gt;
          &lt;input type="text" name="employerEIN1" maxlength="2" size="2" value=""
                 class="form-control" id="employerEIN1" title="EIN"&gt;
      &lt;/div&gt;
      &lt;span class="col-md-1 employerEin"&gt;-&lt;/span&gt;
      &lt;div class="col-md-3"&gt;
          &lt;input type="text" name="employerEIN2" maxlength="7" size="7" value=""
                 class="form-control" id="employerEIN2" title="EIN"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>