Skip to main content
Question

Gostaria de saber se consigo centralizar uma div para template de email

  • June 11, 2021
  • 1 reply
  • 201 views

Cristiano Xavier

Ola, espero que estejam bem.

 

Gostaria de uma ajuda com os templates de email, onde gostaria de deixar ele mais centralizado

Conforme a imagem, esse é o email que recebo, onde gostaria de que o tamanho dele fosse apenas entre essas linhas vermelhas, porem mantendo o background azulado (sinalizado nas setas).

escrevi o codigo em HTML usando o editor de templates.

codigo abaixo:

 


<div style="border: 1px solid black; text-align: center;">
<p style="text-align: center;"> </p>
<p style="text-align: center;"><span style="font-size: 24px;">Olá,<strong> {{phase310779148.field325804720}} </strong> !</span></p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><em><strong>Favor validar a solicitação abaixo:</strong></em></p>
<hr />
<div style="text-align: center;">
<p style="text-align: center;"> </p>
<p style="text-align: center;">Solicitante: {{phase310779148.field325929039}} <strong>  </strong></p>
<p style="text-align: center;">Data de solicitação:<strong> {{phase310779148.field325803915}}  </strong></p>
<p style="text-align: center;">Número de documento:<strong> {{phase310779148.field325802960}}  </strong></p>
<p style="text-align: center;">Valor total:<strong> {{phase310779148.field325802947}}  </strong></p>
<p style="text-align: center;">Link documento:</p>
<p style="text-align: center;"><strong> {{phase310779148.field325803013}} </strong> </p>
<p style="text-align: center;">Link despesas:</p>
<p style="text-align: center;"><strong> {{phase310779148.field325803012}}  </strong></p>
<p style="text-align: center;"> </p>
<hr /><a style="text-align: center;" href="{{card.current_phase_public_link}}"> <span style="font-size: 18px;">Clique aqui para aprovar ou reprovar</span></a></div>
<div style="text-align: center;"> </div>
<div style="text-align: center;"><hr /></div>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><strong><span style="font-size: 10.5pt; font-family: Helvetica, sans-serif; color: #202020;">Estamos a disposição para eventuais dúvidas.</span></strong></p>
<p style="text-align: center;"><strong><span style="font-size: 9.0pt; font-family: Helvetica, sans-serif; color: #202020;">Tecnologia - Enforce</span></strong></p>
<p style="text-align: center;"> </p>
</div>

_________________________________________________________________________________

This topic has been closed for comments

1 reply

Cristiano Xavier

O problema em si é que nao importa se coloque o conteudo dentro de uma div, e trabalho com display flex, ele sempre vai ocupar a width inteira, mesmo se eu setar um valor fixo pra width


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings