Tecnología

Inicio

Cómo mostrar las cajas de lado a lado en HTML

September 21

Al insertar cuadros de texto en su página HTML, es posible que tiene más sentido para colocar cuadros de texto en el lado de la página al lado del otro en lugar de uno en la parte superior y otra en la inferior. Cuando muestra cuadros de texto lado a lado, que son capaces de permitir a un usuario leer el contenido de la página sin necesidad de desplazarse hacia abajo en la página para poder verla.

Instrucciones

1 Ingrese a su servidor Web y localizar la página HTML en la que desea mostrar los cuadros de lado a lado.

2 Haga clic en la ubicación de la página HTML en la que desea mostrar los cuadros. La ubicación en la que mostrar los cuadros deben estar en algún lugar entre las etiquetas <body> y </ body>.

3 Inserte el siguiente código HTML:

<Table> <tr> <td valign = "top"> <div style = "border: sólido 1px; overflow: auto; anchura: 200; altura: 100;"> El texto va aquí </ div> </ td> < td valign = "top"> <div style = "border: sólido 1px; overflow: auto; anchura: 200; altura: 100;"> El texto va aquí </ div> </ td> </ tr> </ table>

4 Cambie las dos instancias de "texto va aquí" con el contenido real que desea que aparezca en los cuadros. Cambiar los números de altura y anchura para aumentar o disminuir el tamaño de las cajas.

5 Publicar la página.