HTML and CSS Reference
In-Depth Information
Another option you could have used is to float the
div.excerpt
on the left with a
float:left;
and the
div.slider
on the right with the
float:right;
property
.
F2fw
already gives you the two columns grid with
the
float
properties included.
Move ahead on the styling of the
div.article
.
The
Monoplate
design shows a line with space
around it at the bottom of the
#hello
container.
The CSS for the border and space:
#hello {
border-bottom:1px dotted #d2d2d2;
/* set the dotted bottom line */
padding:0 0 25px 0;
/* add the bottom padding */
margin:0 0 25px 0;
/* add the bottom margin */
}
Save your
style.css
and move further.
