Sarah Barbosa

<table border="0" style="position: relative; display: block; margin: 0px auto; color: #333333; font-family: Arial; width: 600px;" cellspacing="0" cellpadding="10" align="center"> <tr style="min-height: 210px;"> <td style="line-height: 0px;"><img hspace="5" align="left" src="https://images.unsplash.com/photo-1516876437184-593fda40c7ce?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="" width="205" height="80" style="display: block; float: left; margin-top: 50px;" /></td> <td>&nbsp;</td> <td style="float: right; text-align: right; padding-top: 70px;"> <h1 style="font-family: Arial; font-size: 28px; line-height: 26px; font-weight: normal; margin: 0px;">Ipsum Lorem</h1> <h3 style="font-family: Arial; font-size: 18px; line-height: 18px; font-weight: normal; margin: 12px 0px; color: #898888;">10 de junho de 2020</h3> </td> </tr> <tr> <td colspan="3" style="padding: 0px 25px;"><hr style="background: #898888; height: 1px;" /></td> </tr> o código é esse, e o resultado é esse que tá na imagem abaixo. Mas quero colocar a imagem onde está o texto e o texto onde está a imagem.

Tenho uma newsletter em HTML e quero mudar de posição (direita esquerda) alguns elementos, mas ainda não entendi como fazer isso. Alguém sabe?