HTML and CSS Reference
In-Depth Information
What's in for the
#hello
container:
• there's a bar that is going to be repeated in the
#blog
container too;
• text and buttons are arranged in two columns.
Because the “
hello
” bar is going to be included into
another container (e.g.
blog
), code it outside
#hello
.
Name it simply
p.category:
#page p.category {
background:#f1f1f1;
/* set the background color */
height:18px;
/* set the height */
width:100%;
/* make it a 100% width */
}
Above, you coded the
p.category
as a simple
p
tag
with a 100% width and a specific height of 23px
and filled its background.