Colocar Imagen SOBRE un borde de un caja

[Hayi]

Hola. Molesto por lo siguiente: cómo lo indico en el título, no puedo conseguir colocar una imagen sobre un borde un, por ejemplo, una caja con texto dentro.

Esto es lo que tengo:
------------------------
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
------------------------

Esto quiero conseguir:

--|IMG SOBRE BORDE|------
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
| texto texto texto text texto |
------------------------

Se que no es algo complicado pero ya como que estoy bloqueado, ja! Saludos y gracias...

[BrutuSS]

Puedes probar de la siguiente forma:

<img class="imagen" src="ruta_imagen" alt="imagen" title="imagen" />
<div class="texto">
Contenido de la caja
</div>

El css utilizado sería:

div.texto{
border: solid;
}

img.imagen{
position: relative;
top: 1em; /*Distancia que variará*/
}

Espero que sea esto lo que deseases ;)

[Impostor]

Buenas Hayi, ¿nos muestras el código que ya tienes?

Saludos¡¡

[Hayi]

Muchas gracias BrutuSS, funcionó muy bien el código y era lo que necesitaba ya que, el código que usaba yo Impostor, era muy similar pero no usaba bien la clase de la imagen porque no la definía así.
Si se quiere desplazar la imagen sobre el borde, por ejemplo a la izquierda, es solo agregar left: <valor>; y listo... Puede que al achicar la ventana del navegador la imagen se 'mueva' fuera del borde pero es simlemente estético y no hace al resultado final... ¡Muchas gracias! Saludos...