Fast — Sat, 24 Apr 2004 03:01:49 +0000

It has made it clear to me that I can have a class and an id together inside a tag which I didn't know you could do. But using your code from your first post places one item below the other which isn't what I wanted to do, so I'm still in the same place I was to begin with!

Suzanne — Fri, 23 Apr 2004 15:46:37 +0000

A class can apply to many different elements at the same time, while an id can only apply to one element on any given "page".

Classes are also cascading, so you can technically have this:

<div class="shouting fineprint alert" id="thisone">YOUR CONTENT</div>

And in the CSS:

.shouting {
    color: black;
    text-transform: uppercase;
    }
.fineprint {
    font-size: small;
    }
.alert {
    background-color: yellow;
    border: 1px solid red;
    }
#thisone {
    width: 200px;
    height: 200px;
    clear: both;
    }

This would allow you to style other elements as needed to show "shouting", or that the information is "fineprint", or send an "alert" without them all having to be the same thing.

The id, however, says, this one and only this one should be this height, width, et cetera. This allows you to control an element specifically.

Think of classes as general traits that can apply to anyone, anywhere. But id is a fingerprint, or dna -- it only belongs to one element. If you have a name (id) for that element, you can control it with the CSS, JavaScript, et cetera, and use it as an anchor:

<a href="page.html#thisone">go to the div named "thisone"</a>

Does that help?

Fast — Mon, 19 Apr 2004 23:14:22 +0000

Hmm, now I'm confused. You have a class and an id in the div tags, is this permissible? I thought it was one or the other. I thought I had understood your code but evidently I don't. Could you explain a little more, I'm a CSS newbie! Thanks.

Fast — Mon, 19 Apr 2004 03:20:29 +0000

Ah! It had been suggested to me previously to use text-align: center; but it didn't make any difference at all. Your example makes it much clearer now. I'll try it out. Thanks Suzanne.

Suzanne — Mon, 19 Apr 2004 02:23:02 +0000

Have the items in a and text-align: center; that div.

i.e.

list item text