[Angel Sánchez]

Cometí un erro con el tema de display : inline; no te soluciona el problema. Te anexo el doc de como funciona con div, pero como lo quieres para una firma de correo puede que no te funciona del todo. Así que te dejo ese tutorial que es exclusivamente para eso, usando tablas.

https://www.youtube.com/watch?v=bWioL_nn9cI&ab_channel=w3newbie

solucionazulweb2.html 1 KB HTML - Click to view

• Copy Download Link

<title>Azul web</title> body { margin: 0 auto; padding: 10px; } .contenedor{ display: flex; margin: 0 auto; max-width: 780px; } .caj2 { width: 50%; border: solid red; } .caj1 { width: 50%; border: solid blue; } @media only screen and (max-width: 600px){ .contenedor{ display: block; } .caj1{ width: 100%; } .caj2{ width: 100%; } } <div class="contenedor"> <div class="caj1"> <p>Lorem ipsum dolor, sit amet consectetur adipisicing, elit. Dignissimos fugiat ea tenetur veritatis facere iusto earum est quis cupiditate hic labore, in exercitationem quos esse? Reiciendis impedit eveniet, veniam molestias?</p> </div> <div class="caj2"> <p>Lorem ipsum dolor, sit amet consectetur adipisicing, elit. Dignissimos fugiat ea tenetur veritatis facere iusto earum est quis cupiditate hic labore, in exercitationem quos esse? Reiciendis impedit eveniet, veniam molestias?</p> </div> </div>

Expand