title: Align select and input
body: <p>Is possible align SELECT and INPUT inline <strong>without specify WIDTH</strong> size, <strong>without using tables</strong> and with the <strong>same HTML</strong>? See picture.
  Live example: <a href="http://jsfiddle.net/N4hpQ/" rel="nofollow noreferrer">http://jsfiddle.net/N4hpQ/</a>
  Thank you.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  
  fieldset {
  display: inline-block;
  }
  
  fieldset input,
  fieldset select{
  float: right;
  margin-left: 5px;   
  }
  
  fieldset p {
  text-align: right;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;fieldset&gt;          
  &lt;p&gt;&lt;label&gt;First Name: &lt;/label&gt;&lt;input type="text" /&gt;&lt;/p&gt;
  &lt;p&gt;&lt;label&gt;Second Name: &lt;/label&gt;&lt;input type="text" /&gt;&lt;/p&gt;
  &lt;p&gt;&lt;label&gt;Country: &lt;/label&gt;&lt;select&gt;&lt;option&gt;Choose&lt;/option&gt;&lt;/select&gt;&lt;/p&gt;
  &lt;p&gt;&lt;label&gt;Age: &lt;/label&gt;&lt;select&gt;&lt;option&gt;Choose&lt;/option&gt;&lt;/select&gt;&lt;/p&gt;
  &lt;/fieldset&gt; 
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/YRch4.jpg" alt="image"></p>