Tenho uma dúvida, como se poderia fazer que um texto aparecesse junto a uma imagem, porém em vertical, por exemplo, o logo de uma marca de carros e ao lado o nome da mesma, porém escrito de cima abaixo, mais ou menos assim:
O
P
E
L
Porém, o anterior texto junto a uma imagem.
Obrigado!
Uma opção é com o writing-mode:tb-lr no style onde t= top b= bottom l=left r = rigth
para colocá-lo a um lado de uma imagem o que pode fazer é colocar a imagem dentro de uma célula e colocar esse style na célula e quando escrever nela lhe aparecerá assim e do lado que escrever da imagem.
Exemplo:
<span class=codigo>
<br />
< td style="width: 100%; writing-mode:tb-rl " ><br />
<br />
< img src="img/minha_imagem.jpg" / ><br />
<br />
< br / ><br />
<br />
texto<br />
<br />
< / td >
</span>
Porém, isto lhe aparecerá o texto totalmente girado, ou seja, as letras com seu bottom para a esquerda.
Para o seu caso poderia ser utilizando um DIV de uma largura específica ou dando um enter entre cada letra.
Ex:
<span class=codigo>
< td style="width: 100%; " ><br />
<br />
< img src="img/tu_imagen.jpg" / ><br />
<br />
< div style="position:absolute; left: 292px; width: 21px; top:
491px;" ><br />
<br />
b < br / ><br />
<br />
e < br / ><br />
<br />
n < br / ><br />
<br />
j < br / ><br />
<br />
a < br / ><br />
<br />
m < br / ><br />
<br />
i < br / ><br />
<br />
n<br />
<br />
< / div ><br />
<br />
< / td >
</span>
Pois isso é o que pensaria assim à primeira instância.
Saudações!
Por Rekreativo
