title: Make text in select element wrap when too long?
body: <p>I have a select list where the text within the options is too long as is getting cropped. Is it possible to make the text wrap instead so that all of it is visible? </p>
  
  <p><img src="https://i.stack.imgur.com/7lyVt.jpg" alt="enter image description here"></p>
  
  <p><a href="http://jsfiddle.net/W4KG7/" rel="nofollow noreferrer">http://jsfiddle.net/W4KG7/</a></p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt;This is option 1&lt;/option&gt;
      &lt;option&gt;This is option 2&lt;/option&gt;
  &lt;/select&gt;
  
  select {
      width: 92px;
  }
  </code></pre>