Una opcion es con el writing-mode:tb-lr en el style donde t= top b= bottom l=left r = rigth para colocarlo a un lado de una imagen lo que puedes hacer es poner la imagen dentro de una celda y a la celda le pones ese style y cuando escribas en ella te aparecera asi y del lado que escribas de la imagen. ejem: <span class="codigo">
< td style="width: 100%; writing-mode:tb-rl " >
< img src="img/mi_imagen.jpg" / >
< br / >
texto
< / td > </span> pero esto te aparecera el texto totalmente girado es decir las letras con su bottom hacia la izquierda. Para el caso tuyo podria ser que utilizando un DIV de un hancho especifico o dando un enter entre cada letra ejem: <span class="codigo"> < td style="width: 100%; " >
< img src="img/tu_imagen.jpg" / >
< div style="position:absolute; left: 292px; width: 21px; top: 491px;" >
b < br / >
e < br / >
n < br / >
j < br / >
a < br / >
m < br / >
i < br / >
n
< / div >
< / td > </span> Pues eso es lo que se me ocurre a primera instancia, Saludos