Cómo hacer una línea vertical que separe texto HTML de una imagen

Por john mitchell

Paso 1

Abre el documento HTML en un editor de texto, como por ejemplo, en el Bloc de notas de Windows o en TextEdit de Mac.


Paso 2

Inserta el siguiente código CSS, para crear la clase "borders" (bordes), entre las etiquetas de encabezado HTML:

<style type="text/css">

.borders {border-left-color: blue; border-left-style: solid; border-left-width: 1px; padding-left: 6px; }

</style>


Paso 3

Ve a la sección "body" (cuerpo) del documento HTML y teclea el siguiente código antes de tu texto:

<table <tr> <td>


Paso 4

Mueve el cursor debajo del texto y teclea el siguiente código:

</td> <td class="borders">


Paso 5

Inserta la imagen en la columna de la tabla tecleando lo siguiente:

<img src="http://www.example.com/image.jpg"> </td> </tr> </table>


Paso 6

Guarda el documento HTML y publícalo en tu servidor Web.