-
Cómo crear dos columnas mediante Div
-
El diseño web es un arte difícil, pero gratificante. centros de diseño Web con dominio en torno a la utilización eficaz de HTML y CSS para traer sus visiones de diseño para la vida. CSS (Cascading Style Sheets) se utiliza para describir cómo el código HTML (Hyper Text Markup Language) debe ser presentada visualmente. DIVs, un tipo de elemento HTML, se utilizan para organizar los datos y puede hacer columnas.
Instrucciones
1 Abra un editor de texto como el Bloc de notas.
2 Escriba el siguiente código:
<Html>
<body>& Lt; style>
#wrapper {width 800px; margin: 0 auto}
& Lt; / style>
& Lt; div id = "contenedor">
& Lt; / div>
& Lt; / body>
</ Html>
Este código crea un documento HTML y un envoltorio que mantendrá el resto de la página centrado.
3 Agregue el siguiente código justo después de <div id = "contenedor">:
<Div class = "columna>
<p>Sample Text</p></ Div>
<Div class = "columna>
<p>More Sample Text</p></ Div>
Este código crea tanto de los DIVs que se convertirán en columnas.
4 Agregue el código siguiente después de la etiqueta de estilo:
.Column {width: 400px; padding-right: 50px; flotador izquierdo }
Esto hará que los DIVs comportan como columnas.
5 Guarde el archivo con una extensión .HTML y cargar a su servidor Web.
