Subir unas letras encima de otrasTema Solucionado

[Cruciattus]

Hola estoy tratando de crear un bbcode para esta firma

como veis la ultima frase se sube encima de la anterior. Pero yo no logro que se me quede asi.


el HTML que llevo por el momento es este. A ver si alguien le puede echar un vistazo y decirme que me falta, o que debo crregir, para que se quede igual, gracias!

SPOILER_SHOW

Código: Seleccionar todo

<center><div style="width: 497px; background-color:#CDBA96; line-height: 100%; padding: 1px 2px 3px; -moz-border-radius: 50px 50px 0x 0px; border-radius: 50px 50px 0px 0px"><font style= "font-size: 8pt; letter-spacing: 6px; text-shadow:1px 0px 1px #998662; font-family: georgia"><font color= #CDBA96>{TEXT1}</font></div><img src="{URL1}"/></br><font style= "font-size: 35pt; letter-spacing: -7px; text-shadow:1px 1px 1px #010101; font-family: georgia"><font color= #CDBA96>{TEXT2}</font></font></br><font style= "font-size: 10pt; letter-spacing: 9px; text-shadow:1px 1px 1px #010101; font-family: georgia">{TEXT3}</font></font>
</center>

[karbiko]

Tienes que trabajar con capas en CSS; una para el textoytextoymástexto y otra para la de y un poco más de texto

Luego, posicionas una debajo de la otra y las sitúas donde quieres que aparezcan.

Lo he intentado y creo que me ha salido, pero mira a ver si te vale:

Posiblemente no sea el modo "más limpio" para hacerlo, pero creo que de esta manera es válido....

SPOILER_SHOW

Código: Seleccionar todo

<div>
	<center>
		<div style="width: 497px; background-color:#CDBA96; line-height: 100%; padding: 1px 2px 3px; -moz-border-radius: 50px 50px 0x 0px; border-radius: 50px 50px 0px 0px">
			<font style= "font-size: 8pt; letter-spacing: 6px; text-shadow:1px 0px 1px #998662; font-family: georgia">
				<font color= #CDBA96>{TEXT1}</font></div>

				<img src="http://i49.tinypic.com/257g3d2.jpg"/>
				<div style="z-index:1; position: relative; top: -25px">
					<font style= "font-size: 35pt; letter-spacing: -7px; text-shadow:1px 1px 1px #010101; font-family: georgia">
					<font color= #CDBA96>textoymástextoymástextoooo</font></font> 
				</div>
				<div style="z-index:0; position: relative; top: -35px">
					<font style= "font-size: 10pt; letter-spacing: 9px; text-shadow:1px 1px 1px #010101; font-family: georgia">y un poco más de texto</font>
				</div>
			</font>
	</center>
</div>

[Cruciattus]

Gracias Karbiko! has funcionado perfectamente!