Tue, 2004-11-09 14:50
Hi all,
Anyone tell me how I can layout a list in two columns as per my example below. Obviously I want to use CSS to affect the layout which I'm comfortable with but it just the issue of laying them out in two columns - anyone know a technique?
Modules
MonitorsDispenser
Depository Card Reader
Receipt/Journal Printer Presenter
PC Core Fascia/Keyboard/Cabinet
PSUâs Cassettes
Thanks
Tue, 2004-11-09 16:13
#1
Putting a list in to two colums
One way:
li.lt {
float: left;
width: 49%;
clear: left;
}
li.rt {
float: right;
width: 49%;
}
<ul>
<li class="lt">first item</li>
<li class="rt">second item</li>
<li class="lt">third item</li>
<li class="rt">fourth item</li>
</ul>cheers,
gary