title: Changing the width of a <select> item in HTML
body: <p>I am new to HTML, and I'm trying to build a mobile app using phoneGap and jQuery plug-in. I am currently programing using eclipse, In my app I have a drop dwon menu (select) with a couple of items in it. I am trying to change the width of the select item, but it doesnt work. here you can see what have i done to solve this:</p>
  
  <pre><code>&lt;label for="select-choice-1" class="select"&gt;Choose Expiry Date&lt;/label&gt;
          &lt;select id="date" name="select-choice-1" id="select-choice-1" style="width:150px"&gt;
          &lt;option value=""&gt;1&lt;/option&gt;
          &lt;option value=""&gt;2&lt;/option&gt;
          &lt;option value=""&gt;3&lt;/option&gt;
          &lt;option value=""&gt;4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>