Tecnología

Inicio

Cómo mostrar 2 DIVs Side by Side

Con Cascading Style Sheets o CSS, por sus siglas, puede modificar el aspecto o el diseño de su sitio web utilizando la codificación estándar que compensa las inconsistencias entre los diferentes navegadores y pantallas. El elemento de "flotar", por ejemplo, establece la posición de un contenedor "div" en su página en relación a otro div cerca. Puede flotar los dos divs para que sean uno junto a otro en su página web con sólo unas pocas líneas de código.

Instrucciones

1 Iniciar sesión en su servidor web y abrir el administrador de archivos. Cargar el archivo CSS para su sitio web en su editor HTML o CSS; el nombre del archivo CSS normalmente tendrá una extensión ".css".

2 Desplazarse hacia abajo para los dos divs que desea visualizar de lado a lado. Insertar "flotar" y "margen" atributos en cada definición de CSS de la siguiente manera:

div1 {width: 350px; flotador izquierdo; margin: 0 px}

div2 {width: 350px; flotador izquierdo; margin: 0 px}

Guarde el archivo CSS.

3 Cargar el documento HTML que contiene los dos divs que desee alinear en su editor HTML o CSS. Inserte el siguiente código donde quieres que aparezcan los divs:

<Div> Primera contenido div </ div>

<Div> Segunda contenido div </ div>

Reemplaza el contenido entre las etiquetas de apertura y cierre div con su propio y guarde el archivo HTML.

4 Abra la página Web que acaba de editar en una nueva pestaña o ventana del navegador. Si el espacio está apagado, volver atrás y editar el archivo CSS, estableciendo el "margen" atributos a valores mayores que cero. El valor debe ser el mismo para los dos divs.