Imagem com texto

Olá,

Estou a tentar colocar uma imagem com o texto ao lado a contornar a imagem, vi aqui um código Style= "float:right;" e realmente na programação fica tudo bem, mas depois quando abro o website já não fica com essa configuração.

envio um anexo como fica quando está no lado do programador e depois como fica no website.

Código:

	<div>

	  <figure>

	    <img style="float:left" src="/hc/article_attachments/360003489818/bola-futebol-vinil.jpg" alt="bola-futebol-vinil.jpg" width="265" height="199">

	  </figure>

	  <span style="color:#e6e6e6">1 - Todos os mercados (excepto: intervalo, mercados de primeira parte, prolongamento e penaltis) são baseados no tempo regulamentar a menos que o contrário seja especificado. Isto inclui qualquer tempo de compensação, mas não inclui prolongamento ou desempate por grandes penalidades.</span>

	  <p>

	    <span class="wysiwyg-color-black10">2 - Se o mercado permanecer aberto quando já tiverem ocorrido: golos, cartões vermelhos ou amarelo-vermelhos, grandes penalidades ou uma intervenção por parte do VAR (mesmo que o jogo continue a decorrer durante essa intervenção), reservamos o direito de anular as apostas.</span>

	  </p>

	  <p>

	    <span style="color:#e6e6e6">3 - Qualquer jogo interrompido antes do final do tempo regulamentar e não retomado em 24 horas é considerado nulo, independentemente de qualquer decisão judicial sobre este jogo. As apostas, cujo resultado já se encontrar claramente definido no momento da interrupção, permanecem válidas e serão resolvidas de acordo com estas Regras. Nas restantes apostas, caso seja uma aposta simples, o valor apostado é devolvido, caso seja uma aposta múltipla, a aposta continua com as restantes selecções, passando a odd do jogo em causa a odd nula (1.00). </span>

	  </p>

	  <p>

	    <span style="color:#e6e6e6">4 - Se os nomes, ligas ou categorias da equipa forem exibidos incorrectamente, reservamos o direito de anular as apostas.</span>

	  </p>

	</div>

	 

	Será que me podem ajudar?