Imagem com texto

[Lmdpires 0]

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?

 

 

Editado Agosto 7, 2019 por Lmdpires
tópico mais completo

[Sherlock02 0]

Citar

 

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

 

 

Primeiro você disse que a programação fica legal. 

Não consegui entender se você quer que fique como o primeiro exemplo com fundo preto ou o segundo com fundo branco!

 

Eu suponho que você queira deixar o texto contornando como o segundo exemplo, é isso?

1- Você está definindo classes, mas isso não é um site e sim um post do wp. Certo? (É o que parece pela imagem postada)

2- Antes de tudo, qual o código do estilo que você usou? Você não postou aqui.

3- No exemplo que você deu, se não houver nenhuma classe com estilo alterando "spans", já vai dar certo. Tente remover as classes de spans.

 

(Ps: O conteúdo sempre precisa ser aprovado por moderador? Isso demora bastante para ter a pergunta e resposta).