title: 3 listbox alignment on a webpage
body: <p>I have this scenario. I need to show 3 list boxes on a ASP.NET web page. List box A would have all the options on page load and list boxes B, C would be empty.</p>
  
  <p>I want to align all three such that I can select items from A to B and A to C. So, A would be shown as a bigger listbox with B, and C as smaller boxes on to its right such that B and C are vertically aligned. Of course B and C would have their respective set of 'Add', 'Add all', 'Remove', 'Remove All' buttons.</p>
  
  <pre><code>--------------            --------------
  |            |            |            |
  | ListBox A  | &gt;  &gt;&gt; &lt;&lt; &lt; | ListBox B  |
  |            |            |            |
  |            |            --------------
  |            |            --------------
  |            | &gt;  &gt;&gt; &lt;&lt; &lt; | List Box C |
  |            |            |            |
  --------------            --------------
  </code></pre>
  
  <p>Please point me to the appropriate css style examples.</p>
  
  <p>cheers</p>