> Faqs > Texto vertical

Texto vertical

Tengo una duda, cómo se podría hacer que un texto apareciese junto a una imagen pero en vertical, por ejemplo el logo de una marca de coches y al lado el nombre de la misma pero escrito de arriba abajo más o menos así.

O
P
E
L
Pero el anterior texto junto a una imagen.

Un saludo

Responder la pregunta
Editar Hacer otra preguntaPreguntar

Respuestas

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

Rekreativo