Tienes que trabajar con capas en CSS; una para el
textoytextoymástexto y otra para la de
y un poco más de textoLuego, 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....
- 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>
