title: how to display three text fields on one line
body: <p>I am trying to display three textfields on one line. When screen is smaller then these textfields should be displayed in the same line. Currently when I make my browser smaller then textfields move to the second line.</p>
  
  <p>How can I achieve this? </p>
  
  <p>please see my <a href="http://jsfiddle.net/6tkF8/" rel="nofollow">code</a></p>
  
  <p><b>HTML</b></p>
  
  <pre><code>&lt;div class="fields"&gt;
      &lt;input type="text" class="name" /&gt;
      &lt;span&gt;&amp;ndash;&lt;/span&gt;
      &lt;input type="text" class="name" /&gt;
      &lt;input type="text" class="name2" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><b>CSS</b></p>
  
  <pre><code>.fields {
      border: 1px solid grey;
      width: 23%;
  }
  .name {
      display: inline;
      width: 11ex;
  }
  .name2 {
      display: inline;
      width: 8ex;
  }
  </code></pre>