Webmail CSS alignment

Asked

Viewed 32 times

2

I’m having trouble aligning the text of a tag <span>, use the margin-left in css and it works but only gives the margin in the first line

<tr bgcolor="#fff">
  <td style="padding:0px 40px 6px 40px;margin:0; text-align: left; margin-left: 20px; margin-right: 20px;">
    <span style="margin-left: 20px !important; mso-line-height-rule: 1.6; line-height:1.6; font-family: Trebuchet MS; font-size: 16px">
      INTIMAÇÃO DE ADVOGADOS RELAÇÃO Nº 0436/2018 JUÍZO DE DIREITO DA VARA DO ÚNICO OFÍCIO DE SÃO JOSÉ DA TAPERA EDITAL DE INTIMAÇÃO DE ADVOGADOS ADV: LUIZ JOSÉ MALTA GAIA FERREIRA (OAB 3404/AL), ADV:
    </span>
  </td>
</tr>

Follow the print to improve understanding.

inserir a descrição da imagem aqui

html css email

2 answers

3


Do not use margin in the span use padding in td

<table>
    <tr bgcolor="#fff">
            <td style="text-align: left; margin-left: 20px; margin-right: 20px; padding: 0 20px;">
              <span style=" mso-line-height-rule: 1.6; line-height:1.6; font-family: Trebuchet MS; font-size: 16px">
                INTIMAÇÃO DE ADVOGADOS RELAÇÃO Nº 0436/2018 JUÍZO DE DIREITO DA VARA DO ÚNICO OFÍCIO DE SÃO JOSÉ DA TAPERA EDITAL DE INTIMAÇÃO DE ADVOGADOS ADV: LUIZ JOSÉ MALTA GAIA FERREIRA (OAB 3404/AL), ADV:
              </span>
            </td>
          </tr>
</table>

1

The ideal would be to use div, instead of span. But you can solve it by adding the attribute display: inline-block; on your tag span:

<table>
    <tbody>
        <tr bgcolor="#fff">
          <td style="padding:0px 40px 6px 40px;margin:0; text-align: left; margin-left: 20px; margin-right: 20px;">
            <span style="display: inline-block; margin-left: 20px !important; mso-line-height-rule: 1.6; line-height:1.6; font-family: Trebuchet MS; font-size: 16px">
              INTIMAÇÃO DE ADVOGADOS RELAÇÃO Nº 0436/2018 JUÍZO DE DIREITO DA VARA DO ÚNICO OFÍCIO DE SÃO JOSÉ DA TAPERA EDITAL DE INTIMAÇÃO DE ADVOGADOS ADV: LUIZ JOSÉ MALTA GAIA FERREIRA (OAB 3404/AL), ADV:
            </span>
          </td>
        </tr>
    </tbody>
</table>

Recommended reading: HTML - span

Browser other questions tagged html css email

You are not signed in. Login or sign up in order to post.