Break drop down value into two line but it should be considered as a Single when clicked

I have many <option>. One of them has a long text and I want to split it into two lines but when I click on that (to get the text via JavaScript) it should act as a single line .

Solution

i find out the solution this code works fine in Firefox :-

 <style>
#wgtmsr{
 width:50px;   
}

#wgtmsr option{
 width:50px;   
}
#wgmstr {
    max-width: 40px;
    min-width: 40px;
    width: 50px !important;
}
  </style>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
 </HEAD>

 <BODY>
  <select name="wgtmsr" id="wgtmsr">
<option value="value1">value1</option>
<option value="value2">value2</option>
<option value="value3">value3</option>
<option value="value4">value4 ton</option>
<option value="value5">value5</option>
<option id="wgtmsr" value="ounce">Ounce111111111111111111111111111</option>
</select>
 </BODY>
</HTML>