Listing 14-8 "CSS für den Kopfbereich des Layouts"

#logo {
float: left;
}
#logo img {
display: block;
width: 5.3em;
height: 4.2em;
margin-right: 1.2em;
margin-left: 2.8em;
}
#logobox {
float: left;
width: 51em;
max-width: 100%;
}
#slogan {
font-size: 2.8em;
}
#slogan span {
display: block;
font-size: 0.4em;
font-weight: 700;
font-style: italic;
color: #517c8f;
}
#kopfbox {
float: left;
text-align: right;
background-color: #fff;
width: 25.4em;
text-align: left;
margin-left: 2em;
margin-bottom: 1.6em;
}
#kopfbox label {
font-weight: 700;
display: block;
background-color: #517c8f;
color: #fff;
text-transform: uppercase;
padding: 0.2em 0.4em;
font-size: 1.1em;
margin-bottom: 0.8em;
}
#kopfbox button {
width: 2.6em;
height: 2.6em;
cursor: pointer;
margin: 0.0em 0 0 0.8em;
float: left;
border: 0px;
}
#kopfbox a {
color: #666;
font-weight: 700;
}
#adressbox,
#suchbox {
background-color: #e5f2f8;
min-height: 8em;
margin-top: 0.8em;
}
#adressbox {
margin-top: 0.4em;
}
#suchbox input,
#suchbox button {
font-size: 0.9em;
vertical-align: middle;
}
#schnellsuche {
margin: 0.2em 0 0 1em;
border: 1px solid black;
padding: 0.4em;
width: 20em;
float: left;
font-size: 1.1em;
}

Dieses Beispiel stammt aus dem Buch Barrierefreiheit verstehen und umsetzen.