title: How to get equal width of input and select fields
body: <p>On the form, I have one select and two input fields. These elements are vertically aligned. Unfortunately, I can't get equal width of these elements. </p>
  
  <p>Here's my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;select name="name1" style="width:198px"&gt;
    &lt;option&gt;value1&lt;/option&gt;
    &lt;option&gt;value2&lt;/option&gt;
  &lt;/select&gt;&lt;br/&gt;
  &lt;input type="text" name="id1" style="width:193px"&gt;&lt;br/&gt;
  &lt;input type="text" name="id2" style="width:193px"&gt;
  </code></pre>
  
  <p>For above example, the best width for select element is 198 or 199 px (of course I tried 193px, but the difference is major). I think, it depends on resolution, on various computers and browsers since these elements don't have equal widths (sometimes I thinks difference is about 1 or 2 px). I've tried to set these elements in div or table rows, but it doesn't help. </p>
  
  <p>Q: How could I get precisely equal width of these elements?  </p>