our approach
|
new tutorials
|
contact us
HTML & CSS In Pictures
HTML Basics
Navigation & Layout
Interactivity
Advanced Layout
In
format.css
, add formatting for a new area,
topnav
, with
background
and
width
properties.
#links {
background: #cccccc;
float: left;
width: 200px;
padding: 10px;
}
#content {
background: #ffffff;
margin: 0 0 0 220px;
padding: 20px;
}
#topnav {
background: #cccccc;
width: 100%;
}
Save
format.css
, then open
index.html
.
Put the unordered list within the topnav area:
<body>
<div id="topnav">
<ul>
<li>California</li>
<li>The Rockies</li>
<li>The Midwest</li>
</ul>
</div>
</body>
<< BACK
NEXT >>