title: How can I make two columns in DropDownList?
body: <p>I have two columns in DropDownList. so, i use  this code:</p>
  
  <pre><code>&lt;select name="dd1New" id="ddlNew2"&gt;
      &lt;option class="rightddl"&gt;1&lt;/option&gt;
      &lt;option class="leftddl"&gt;2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and this css code:</p>
  
  <pre><code>.leftddl
  {
  width: 50px;
  height: 100px;
  background-color:#0000ff;
  float: left;
  }
  
  .rightddl
  {
  width: 50px;
  height: 100px;
  background-color:#00ff00;
  float: right;
  }
  </code></pre>
  
  <p>it's not working.</p>
  
  <p>and this:</p>
  
  <pre><code>&lt;select name="dd1New" id="ddlNew2"&gt;
      &lt;div class="rightddl"&gt;
          &lt;option&gt;1&lt;/option&gt;
      &lt;/div&gt;
      &lt;div class="rightddl"&gt;
          &lt;option&gt;2&lt;/option&gt;
      &lt;/div&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Also, this code does not work</p>