-
Cómo utilizar los márgenes En lugar de flotadores
-
Utilizando los márgenes de CSS es una forma útil para espaciar contenido en su página Web para que los elementos no aparecen demasiado cerca uno del otro. Los márgenes son una alternativa a la técnica de CSS "flotar" para cuando usted no necesita elementos que lo rodean para envolver alrededor de un área. La propiedad margen especifica la cantidad de espacio vacío para colocar por encima, a la derecha, abajo y a la izquierda de un elemento. Añadir los márgenes de la página Web por la que se declara un estilo CSS y luego llamar dentro de su código HTML con la palabra clave "clase".
Instrucciones
1 Abra el documento HTML en un editor, como el Bloc de Notas.
2 Crear el código CSS para márgenes añadiendo el siguiente código dentro de la sección <head> de su archivo HTML:
.mymargin {margin: 0px 0px 50px 40px; }
Los "." personaje en el principio de la línea indica un selector de clase, que se puede utilizar en múltiples elementos. La propiedad "margen" marcará un margen de 50 píxeles en la parte superior, un margen 0px a la derecha, un margen 0px en la parte inferior y un margen de 40 píxeles a la izquierda del elemento.
3 Agregue el siguiente código HTML dentro de la sección <body> de su archivo:
<P> En primer párrafo. </ P>
<P class = "mymargin"> Segundo párrafo. </ P>Esto crea 50px de espacio vacío entre los dos párrafos verticalmente. También establece 50px de espacio entre el segundo párrafo y el lado izquierdo de la página.
4 Guarde el archivo HTML y subirlo a su servidor Web. Actualizar la página para ver los nuevos márgenes.
