TDL › ELLE

<center><div style="width:878px; background-color:#FFF;margin-left:-98px;margin-top:-31px;margin-bottom:-;"><img src="   *** UMA IMAGEM DE TOPO, PODE SER RELACIONADA OU NÃO A MATÉRIA ***   " style="width: 878px; height: 200px;"><div style="width: 100%; margin-top: -200px; margin-bottom: 0px;"><img src="https://i.postimg.cc/T2zng10v/HTML-ELLE.png"></div><div style="background: #000; width: 100%; height: 165px; padding: 10px; color: #FFF;"><div style="width: 770px; font-family: Constantia; font-size: 45px; line-height: 110%; color: #FFF; text-align: justify;">  *** Título da matéria em<br>até duas linhas ***  </div><div style="width: 690px;"><table style="margin-top: 3px;" align="left">
  <tbody><tr><td style=""><img src="   *** ICON QUADRADINHO DE QUEM ESCREVEU A MATÉRIA ***   " style="width: 40px; height: 40px;" class="img-circle"></td><td style=""><div style="width: 25px;"><br></div></td><td style=""><div style="font-family: Century Gothic; font-size: 11px; color: #FFF; text-transform: uppercase;">   Por: <u>Fulana de Tal</u>    </div></td><td style=""><div style="width: 25px;"><br></div></td><td style=""><div style="font-family: Century Gothic; font-size: 11px; color: #FFF; text-transform: uppercase;">   Mês dia, ano    </div></td></tr></tbody></table></div></div><div style="width: 630px; margin: 10px 0px 0px -80px; border: 1px solid #E0E0E0; font-family: Helvetica; font-size: 13px; line-height: 150%; color: #000; padding: 10px; text-align: justify;">
  Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto
<!--- A imagem pode ir no topo do texto ou no final, tanto faz.
 Se ficar no topo, alterar o "margin-top" para "margin-bottom" --->
  <div style="margin-top: 10px;"align="center"><img src="   *** IMG AQUI ***   " style="width: 500px;"></div>
<!--- *********************** --->
  </div><div style="width: 100%; margin-top: 0px; margin-bottom: 0px;"><img src="//i.postimg.cc/cHYwbN1b/HTML-ELLE-BOTTOM.png">

  </div>