-
Cómo colocar tablas HTML en el lateral de un texto
-
Una tabla HTML se utiliza para estructurar el contenido en una página web. Puede seleccionar cómo se muestra su tabla en una página web, por lo que el texto que aparece encima, por debajo o al lado de una mesa. Mediante el uso de una combinación de HTML y CSS (Cascading Style Sheets) de código, puede manipular su diseño aún más. Puede modificar el código CSS por lo que la tabla y el texto paralelo tengan un ancho específico y cambiar el lado en el que cada elemento aparece en su página web.Instrucciones
1 Abra el archivo HTML que desea modificar en un editor de texto.
2 Copia el siguiente código CSS y pegarlo entre la etiqueta <HEAD> de su archivo:
<Style type = "text / css">
.left {float: left; }
.RIGHT {float: right; }
</ Style>3 Especificar el ancho de cada lado copiando el código CSS a continuación en lugar de código anterior y pegarlo entre la etiqueta <HEAD>. A continuación, cambiar el tamaño de la anchura para que coincida con su proyecto.
<Style type = "text / css">
.left {float: left; Anchura: 300px; }
.RIGHT {float: right; Anchura: 500px; }
</ Style>4 Coloque el siguiente código HTML dentro de la etiqueta <BODY> de su archivo, donde aparecerá el texto y la tabla de lado a lado:
<Div class = "left"> Aquí está el texto al lado de la tabla HTML </ div>
<Div class = "right">
<Table>
<Tr><td>Here's the table beside the text... </td></ Tr>
</ Table>
</ Div>5 Vuelva a colocar el texto y contenido de la tabla con su información. A continuación, seleccione "Archivo" y "Guardar" de la barra de herramientas para guardar los cambios.
