WEB STANDARDS CREATIVITY

148
Figure 6-16 shows the masthead in the layout.
Figure 6-16. Adding the masthead. The layout is really taking shape now.
Styling the accessibility and services menus
I treat the lists in the accessibility and services menus in the same way as with the languages menu. I float the elements
left, and give them padding and a list-style of none:
#accessibility {
float: left;
list-style:none;
padding-top: 15px;
}
#accessibility li {
float: left;
padding: 0 1em 0 1em;
border-right: 1px solid #ccc;
}
#services {
float: right;
list-style:none;
padding-top: 15px;
}
#services li {
float: left;
padding: 0 1em 0 1em;
border-right: 1px solid #ccc;
}
I’ve also added some padding to the top of these lists. Again, note that this is fixed padding given in pixels. I don’t want this
value to change when the text is resized.