Buenas Noches:
Tengo un problema de código html que no soy capaz de conseguirlo. A ver si me se explicar bien, esa es otra.
El problema que tengo es que en código html tengo este:
<section class="post">
<img src="css/images/prueba.png" alt="" />
<div class="post-cnt">
<h2>Titulo de Ejemplo</h2>
<p>Texto, texto, texto, texto, texto
</p>
</div>
De tal manera que me sale la imagen a la izquierda y el texto en línea a la derecha.
Y lo que quiero conseguir que no se si será posible es que en vez de <img src="css/images/prueba.png" alt="" /> se sustituya por un <object width="240" height="300"><param name="allowscriptaccess" value="always" /><param name="movie" value="http://dominioejemplo.com/flash/BannerEmbed.swf?RadUID=ee6f2ead-bb55-4d26-bd19-54bdadae618b&titlesColor=ffffff&color=ffff ff&autoPlay=yes&lang=en" /><param name="wmode" value="transparent" /><embed src="http:///dominioejemplo.com/flash/BannerEmbed.swf?RadUID=ee6f2ead-bb55-4d26-bd19-54bdadae618b&titlesColor=ffffff&color=ffff ff&autoPlay=yes&lang=en" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" width="240" height="300"></embed></object>
Y carga pero a la izquierda el <embed> y abajo el texto y lo que necesito es que este en línea y he probado cosas pero no lo consigo.
Y en el archivo style.css me aparece esto en referencia a lo que quiero:
.main .post { padding-left: 32px; padding-right: 32px; }
.main .post img { float: left; margin-right: 18px; width: 333px; height: 333px; }
Y aquí me he quedado bloqueado y no consigo acertar con el código en el style.css o en el propio html anteriormente indicado.
Agradezco de antemano si alguien sabe cual sería lo acertado.
Gracias