Write - HOW-To: Convert PSD to HTML/CSS - page 70

Lets see what the c2 , c21 and c22 are and how these
classes from F2fw can help you.

c2 (columns: 2)
Any “ c21 ” and “ c22 ” part
of the “ c2 ” selector are

div.c2 {
display:block;
}
div.c2 div.c21 {
float:left;
width:49%;
}
div.c2 div.c22 {
float:right;
width:49%;
}

being floated on the left

and, respectively, on the

right with a 49% width

set for both.

It's similar to having two div , one with float:left; and
the other one with float:right. .

Yet again, the “ cf ” class is there to automatically
clear the floats after the c2 container.