#left {
width:175px;
padding:0px;
float:left;
}

html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}
#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}
#content {
width:400px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}
#head {
background-color:transparent;
}

#right {
width:175px;
padding:0px;
float:left;
}

OL LI {list-style-type: decimal;}LI.off {list-style-type: none;}<OL><LI>Item the first<LI CLASS="off">Item the second<LI>Item the third<LI CLASS="off">Item the fourth

/*   assume only two faces for this example: 'Regular' and 'Bold'   */
P {font-weight: 100;}   /* looks the same as 'normal' text */
P SPAN {font-weight: 400;}   /* so does this */
STRONG {font-weight: bolder;}   /* bolder than its parent */
STRONG B {font-weight: bolder;}   /* bolder still */
<P>
This paragraph contains elements of increasing weight: there is an
<SPAN>SPAN element which contains a <STRONG>strongly emphasized
element, and that contains a <B>boldface element</B></STRONG></SPAN>.
section) have been examples of absolute positioning, we're
already halfway to an understanding of how it works. Most of what
remain are the details of what happens when absolute positioning is
invoked.

When an element is positioned absolutely, it is completely removed
from the document flow. It is then positioned with respect to its
containing block, and its edges are placed using the side-offset
properties. The positioned element does not flow around the content
of other elements, nor does their content flow around the positionedattribute has the value en,
en-US, en-UK,
en-Cockney, and so on.

In fact, this can be used to match any value with a similar format.
For example, if you have images with ALT text of
fig-1, fig-2,
fig-3, and so on, and want to match any of them,
you could use this selector: