Código fuente para la parte 2
Si ya hemos solucionado la lección 1, ya existe el contenedos menu
.
En caso contrario, debe crearse en este punto. Este contendor se llama ahora menu2
y lo posicionamos de la siguiente manera:
<div id="menu2">
<p><a href="xx.html">Link 1</a><br />
<a href="xx.html">Link 2</a><br />
<a href="xx.html">Link 3</a><br />
<a href="xx.html">Link 4</a><br />
<a href="xx.html">Link 5</a><br /></p>
</div>
Las correspondientes instrucciones de la hoja de estilo:
#menu2 {
float: right;
width: 150px;
background: #fc9;
overflow: visible;
padding:5px 2px 5px 10px;
margin: 7px 1px 5px 20px;
border-left: 1px solid #369;
border-bottom: 1px solid #369;
}
Código fuente para solucionar la parte 2
#menu21 {
float: left;
width: 150px;
background: #fc9;
overflow: visible;
padding:5px 2px 5px 10px;
margin: 7px 20px 5px 1px;
border-right: 1px solid #369;
border-bottom: 1px solid #369;
}