Claramente demarcadas las cajas (llamadas "teaser") son un tema popular para los elementos de navegación.
<div class="ws-teaser">
<h4>...</h4>
<p>...</p>
</div>
.ws-teaser {
width: 200px;
background-color: #e7d5b5;
color: #000;
border: solid 1px #304e6a;
}
.ws-teaser h4 {
padding: 3px 0 3px 5px;
font-family: 'Trebuchet MS', sans-serif;
font-weight: bold;
background-color: #304e6a;
color: #e0e0e0;
}
.ws-teaser p {
font-family: Arial, sans-serif;
font-size: 95%;
color: #000;
margin: 0;
padding: 10px;
line-height: 1.5;
}