Archivo de la etiqueta: position

CSS: uso de position relative


Hemos realizado una práctica en la que queremos configurar una web con el aspecto que aparece abajo.

act4p82

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:

Archivo HTML

Archivo CSS

 

Anuncios