On the form, I have one select and two input fields. These elements are vertically aligned. Unfortunately, I can&#39;t get equal width of these elements. 

Here&#39;s my code:

&lt;!-- language: lang-html --&gt;

    &lt;select name=&quot;name1&quot; style=&quot;width:198px&quot;&gt;
      &lt;option&gt;value1&lt;/option&gt;
      &lt;option&gt;value2&lt;/option&gt;
    &lt;/select&gt;&lt;br/&gt;
    &lt;input type=&quot;text&quot; name=&quot;id1&quot; style=&quot;width:193px&quot;&gt;&lt;br/&gt;
    &lt;input type=&quot;text&quot; name=&quot;id2&quot; style=&quot;width:193px&quot;&gt;


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&#39;t have equal widths (sometimes I thinks difference is about 1 or 2 px). I&#39;ve tried to set these elements in div or table rows, but it doesn&#39;t help. 

Q: How could I get precisely equal width of these elements?  


All Border Box Solutions on Gang of Coders

Total of 1 Border Box Solutions

How to get equal width of input and select fields