Use Multiple CSS Classes on a Single Element

One of the lesser known tricks with CSS is the fact that you don't have to limit your elements to just one class. If you need to set multiple classes on an element, you add them simply by separating them with a space in your attribute. For example: let's assume we have two custom classes in the style sheet named maintext and center respectively:

.maintext {
   font-family:   "Courier New", Courier, mono;
   font-size:     14px;
   color:         #FFCC99
}
.center {
   text-align:    center;
}

Then what we could do is apply both classes to the same element with the following syntax:

<div id="Layer2" class="maintext center">

Standards based browsers allow you to apply two or more classes to an element!