CSS Two Column Scroller


css:
div.twocolscroller {}
div.twocolscroller ol.ts_head { list-style: none; padding: 0; margin: 0; }  
div.twocolscroller ol.ts_head { padding:0 17px 0 2px; clear:both}
div.twocolscroller ol.ts_head li{    float: left; width:50%;  }
div.twocolscroller div.ts_shell { overflow:auto;clear:both; }
div.twocolscroller div.ts_shell ol.ts_body { list-style: none; padding: 0; margin: 0;  }
div.twocolscroller div.ts_shell ol.ts_body { height:100.4%; padding-left:2px;}
div.twocolscroller div.ts_shell ol.ts_body li{    float: left; width:50%;  }

html
<div class="twocolscroller">
  <ol class="ts_head">
    <li>Name</li><li>Age</li>
  </ol>
  <div style="height:300px;" class="ts_shell">
      <ol class="ts_body">
        <li>Adam Baum</li><li>41</li>
        <li>Aretha Holly</li><li>42</li>
        <li>April Schauer</li><li>43</li>
        <li>Brighton Early</li><li>44</li>
        <li>Brock Lee</li><li>45</li>
        <li>Brooke Trout</li><li>41</li>
        <li>Chris Coe</li><li>42</li>
        <li>Daryl Rhea</li><li>43</li>
        <li>Don Key</li><li>44</li>
        <li>Ford Parker</li><li>45</li>
        <li>Heidi Clare</li><li>41</li>
        <li>Iona Ford</li><li>42</li>
        <li>Jay Walker</li><li>43</li>
        <li>Les Moore</li><li>44</li>
        <li>Luke Warm</li><li>45</li>
        <li>Marty Graw</li><li>41</li>
        <li>Mike Stand</li><li>42</li>
        <li>Neil Down</li><li>43</li>
        <li>Oren Jellow</li><li>44</li>
        <li>Penny Nichols</li><li>45</li>
        <li>Rita Booke</li><li>41</li>
        <li>Summer Day</li><li>42</li>
        <li>Warren Peace</li><li>43</li>
        <li>X. Benedict</li><li>44</li>
      </ol>
  </div>
</div>

Demo:



  1. Name
  2. Age
  1. Adam Baum
  2. 41
  3. Aretha Holly
  4. 42
  5. April Schauer
  6. 43
  7. Brighton Early
  8. 44
  9. Brock Lee
  10. 45
  11. Brooke Trout
  12. 41
  13. Chris Coe
  14. 42
  15. Daryl Rhea
  16. 43
  17. Don Key
  18. 44
  19. Ford Parker
  20. 45
  21. Heidi Clare
  22. 41
  23. Iona Ford
  24. 42
  25. Jay Walker
  26. 43
  27. Les Moore
  28. 44
  29. Luke Warm
  30. 45
  31. Marty Graw
  32. 41
  33. Mike Stand
  34. 42
  35. Neil Down
  36. 43
  37. Oren Jellow
  38. 44
  39. Penny Nichols
  40. 45
  41. Rita Booke
  42. 41
  43. Summer Day
  44. 42
  45. Warren Peace
  46. 43
  47. X. Benedict
  48. 44
code snippets are licensed under Creative Commons CC-By-SA 3.0 (unless otherwise specified)