- Y ya picando dentro de la celda derecha, tenemos que colocar el cursor arriba (recordad que para ello estaba el comando “valign=”top”” ya estudiado) e irnos a “vista Código” y justo en el sitio donde tenemos el cursor (y que señalo con una flecha):

introducimos manualmente el comando, quedando así:

- Veremos como al volver a la “vista Diseño” ya está el cursor arriba; procedemos ahora a insertar una imagen (yo la de siempre, que simplemente “copio” de la anterior y “pego” aquí):

- Así que ahora es cuando viene la explicación ¡atentos!, selecciono la imagen picando sobre ella y me voy abajo al “ Inspector de propiedades ” donde debo hacer cambios en estos sitios:

donde yo pongo por ejemplo (se puede poner lo que se quiera cada uno):

en “ Espacio V ” (vertical) pongo 8, en “ Espacio H ” (horizontal) pongo 4, y en “ Alinear ” selecciono con la flechita “Izquierda”, con lo que automáticamente veremos como la imagen nos muestra este espacio reservado, en color negro:
- Ahora picamos dentro de la celda, y el cursor se quedará a la izquierda de la imagen, pero con la tecla de “dirección a derecha” pulsando una vez, ya pasa a colocarse a la derecha de la imagen, quedando ahora solamente escribir lo que queramos para que aparezca así:

- Nada nos habría impedido el colocar la imagen a la derecha del texto:

simplemente en el “Inspector de propiedades” en el apartado “Alinear” (ojo, con la imagen seleccionada –picada-) le ponemos “Derecha” en vez de izquierda como antes
.
- Y hasta aquí lo que quería explicaros en este tema, aún queda alguno para que ninguna duda os quede a la hora de enfrentaros al diseño de una página web, pero eso ya será para otro día así que saludos.