[Duvida Rapida] Ajuda com HTML tabela esta dando errado no site!!!

[ssj4bq]

Olá galera tudo bem?

Deixa eu perguntar, estava mexendo no meu site e queria adicionar em html essa tabela porem esta dando erro pois fica assim:

 

Porem gostaria que ficasse assim:

Segue o código da tabela:

<center><table border="0">
    <tr>
<td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Bicicleta<br> <font color="#0092df">..</font>Track Bikes<br> <font color="#0092df">..</font>Aro 29 TKS</b></a></span><br><br><font size="5"><center><span style="background-color: #A1CD44">DE:</span></font> <br><font size="5"><s>R$ 1.999,99</center></font></s> </td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itembicicleta.jpg"><br><font size="5"><center><span style="background-color: #A1CD44">COM - 60%:</span></font> <br><font size="5">1.199,99</font></center></a></td>
       <td><font color="#ffffff">....</font></td>
        <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Monitor 24"<br> <font color="#0092df">..</font>Samsung<font color="#0092df">aa.aa</font><br> <font color="#0092df">..</font>1ms 144hz</b></a></span></center></td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itemmonitor.jpg"></a></td>
    </tr>
    </table></center>

O que estaria errado, pois não sei como colocar nessa tabela outro fundo de outra cor, veja que usei td bgcolor="#0092df" para o azul escuro mas não sei como usaria pro "#e4f1fb" para o fundo ficar de azul claro em baixo bem como não ficou correto em altura o "DE:" com o "COM - 60%:".

Bom é isso, obg.

[mentor duncan]

Use table para tabelas.
Segue sugestão:
https://codepen.io/mentor-duncan/pen/GRegXzP?editors=1100

Obs.: a imagem da bike é meramente ilustrativa:

[Lesimi]

Olá vou aproveitar que o assunto é o mesmo e pedir um help!

Criei uma planilha no Excel, exportei em html para incorporar em um site Elementor Wordpress, incorporei em container ou grade, tentei de todas as formas com meu conhecimento limitado😬 e não resolvi o tamanho da tabela, posso alterar qualquer configuração no Elementor de largura ou tamanho total e a tabela não muda nada, ela ficou grande para tela no desktop, e no responsivo também. Procurei no código onde corrigir a largura total, mas não encontrei. Vou colocar o link do código para analise de quem puder e agradeço ajuda.

https://codepen.io/Lesimi/pen/mdYJwwZ

Lesimi