Hemos realizado una práctica en la que queremos configurar una web con el aspecto que aparece abajo.
Para ello tenemos que hacer uso la propiedad CSS position:relative. Así, podemos desplazar a una posición relativa con respecto a los otros elementos añadiendo las propiedades top, bottom, left y right.
Asimismo, hemos hecho uso de la propiedad dipslay: inline-block, que hace que el elemento se establezca como un bloque, pero se comporte como un elemento en línea, respetando anchos y altos.
Además, se ha utilizado la propiedad CSS padding, configurando el margen interno entre un elemento y su contenido.
El archivo HTML y el CSS se pueden descargar en los enlaces de abajo: