Double-column and more lists

[zonkd]

I have two or/and three lists of names. There's often about six or seven names, and they are under headings like

Class 6
Joe Bloggs
Bill Brown
Jill Green
etc

I'd like to list them in 2 or 3 columns, but I really don't want to do it in tables.

How would you experts recommend doing it please?

[Purple Martin]

I don't claim to be an expert, but maybe do it someting like this?

Use a definition list for each group of names.
Style the lists with CSS. You can float them to give a column effect, you can even add borders, shading etc.

Try this:

<style type="text/css">
dl {
float: left;
margin: 10px;
padding: 10px;
border: 1px solid #999999;
}
dt {
font-weight: bold;
}
</style>

<dl>
<dt>Class 6</dt>
<dd>Joe Bloggs</dd>
<dd>Bill Brown</dd>
<dd>Jill Green</dd>
</dl>

<dl>
<dt>Class 7</dt>
<dd>Mick Smith</dd>
<dd>Ed Jones</dd>
<dd>Fay White</dd>
</dl>

[zonkd]

Many thanks, Purple Martin. Looks good. And you encouraged me to go back to Ross Shannon's page where there are good descriptions of lists. Cheers

[zonkd]

Purple Martin

What if you didn't want the lists to be banked across the screen? Perhaps it feels that lists in double columns down the page would look best.

Is there a way, do you know, to limit the progress sideways?

[DrDoc]

Set a width on the parent element ;)