Listing 4-28 "Komplettes CSS für den Beispielauftritt"

body {
color: #000000;
background: #ffffff;
font-size: 100.01%;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
.floatende {
clear: both;
}
ul,ol,li,body {
margin: 0;
padding: 0;
}
#logo {
float: left;
margin-right: 0.6em;
}
#logo img {
width: 125px;
height: 125px;
border:1px solid #666666;
display: block;
}
#slogan span {
display: block;
}
#kopfbox {
float: right;
text-align: right;
}
#suchbox label {
display: block;
font-size: 0.8em;
}
#suchbox input,
#suchbox button {
font-size: 0.9em;
vertical-align: middle;
}
#navigation {
clear: both;
float: left;
width: 13em;
padding: 0.4em;
}
#navigation li {
list-style: none;
}
#navigation a {
display: block;
width: 100%;
}
#inhalt {
width: 50%;
float: left;
padding: 0.4em;
}
#inhalt h1 {
font-size: 1.4em;
}

#marginalie {
float: left;
width: 14em;
padding: 0.4em;
}
#marginalie ul li {
list-style-position: inside;
}
#info {
float: left;
width: 14em;
padding: 0.4em;
}
#info h2 {
font-size: 1.1em;
}
#fussleiste {
clear: both;
height: 1.5em;
}
#fussleiste ul {
text-align: center;
}
#fussleiste li {
list-style: none;
display: block;
float: left;
}
#fussleiste a {
display: block;
width: 6em;
}
#abschluss {
padding: 0.2em;
}

Dieses Beispiel stammt aus dem Buch Barrierefreiheit verstehen und umsetzen.