1 reply [Last post]
Spilt Milk
Offline
newbie
Last seen: 16 years 28 weeks ago
Joined: 2004-10-27
Posts: 9
Points: 0

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

kk5st/2
Offline
Regular
Last seen: 16 years 27 weeks ago
Timezone: GMT-6
Joined: 2004-11-01
Posts: 27
Points: 0

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

…there is no publishing concept so simple that money, knowledge of HTML arcana, and graphic design can't make slow, confusing, and painful for users.
–Greenspun, MIT