title: Styling two different elements in the option of HTML select tag
body: <p>In my PHP code, I am pulling a table of two columns from the database and displaying both of them in a dropdown list. Following is the code snippet:</p>
  
  <pre><code>echo "&lt;select id='isv' class='required'&gt;";
  while($row = pg_fetch_row($result)){    
      echo "&lt;option&gt;&lt;span class='options'&gt;" . $row[0] . "&lt;/span&gt;&amp;nbsp;" . $row[1] . "&lt;/option&gt;";
  }
  echo "&lt;/select&gt;&lt;br&gt;";
  </code></pre>
  
  <p>I wanted to separate them both by styling them differently. So I wrote the following CSS:</p>
  
  <pre><code>.options
  {
      color: red;
      float: left;
      text-align: right;
      width: 15em;
      margin-right: 1em;
  }
  </code></pre>
  
  <p>However, the style is not getting applied to the options. What exactly do I need to change in this code?</p>