title: Preserve whitespace in HTML select element options using "white-space: pre" NOT working
body: <p>My problem comes from HTML dropdown select not able to preserve multiple consecutive whitespaces in its options. Here is a sample testcase and outcome.</p>
  <p>The &quot;white-space:pre&quot; class CSS seems to work only for any HTML element except the select element options. Is there any literature or cases identifying such issue?</p>
  <pre><code>print &quot;&lt;style&gt;.keepwhitespace { white-space: pre }&lt;/style&gt;
  &lt;p class='keepwhitespace'&gt;abc   def&lt;/p&gt;
  abc   def
  &lt;br/&gt;
  &lt;br/&gt;select and options with keepwhitespace
  &lt;select onchange=\&quot;alert('\''+this.value+'\' '+this.value.length)\&quot; class='keepwhitespace'&gt;
  &lt;option class='keepwhitespace'&gt;Any &lt;/option&gt;
  &lt;option class='keepwhitespace'&gt;abc   def &lt;/option&gt;
  &lt;option class='keepwhitespace'&gt; Any  &lt;/option&gt;
  &lt;option class='keepwhitespace'&gt;abc def &lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;select with keepwhitespace
  &lt;select onchange=\&quot;alert('\''+this.value+'\' '+this.value.length)\&quot; class='keepwhitespace'&gt;
  &lt;option &gt;Any &lt;/option&gt;
  &lt;option &gt;abc   def &lt;/option&gt;
  &lt;option&gt; Any  &lt;/option&gt;
  &lt;option&gt;abc def &lt;/option&gt;
  &lt;/select&gt;
  &lt;br/&gt;options with keepwhitespace
  &lt;select onchange=\&quot;alert('\''+this.value+'\' '+this.value.length)\&quot;&gt;
  &lt;option class='keepwhitespace'&gt;Any &lt;/option&gt;
  &lt;option class='keepwhitespace'&gt;abc   def &lt;/option&gt;
  &lt;option class='keepwhitespace'&gt; Any  &lt;/option&gt;
  &lt;option class='keepwhitespace'&gt;abc def &lt;/option&gt;
  &lt;/select&gt;&quot;;
  </code></pre>
  <p>Outcome looks like this:</p>
  <p>preloaded
  As can be seen in the &quot;p&quot; element tag (and any other that I tried using, worked well formatting text with the &quot;whitespace&quot; CSS style. Yet the select does not.</p>
  <p><img src="https://i.stack.imgur.com/G2BAT.png" alt="As can be seen in the &quot;p&quot; element tag (and any other that I tried using, worked well formatting text with the &quot;whitespace&quot; CSS style. Yet the select does not." /></p>
  <p>on selection to view the item value string and length of string (the length SHOULD have been 10 instead of 7, 'abc  def' is 8 chars in length)</p>
  <p><img src="https://i.stack.imgur.com/19vbe.png" alt="on selection to view the item value string and length of string (the length SHOULD have been 10 instead of 7, 'abc  def' is 8 chars in length)" /></p>