CSS Alignment Webmail

2

I'm having trouble aligning the text of a <span> tag, I use margin-left in css and it works but only 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.

    
asked by anonymous 14.12.2018 / 12:52

2 answers

3

Do not use margin on span use padding on 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>
    
14.12.2018 / 13:08
1

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

<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

    
14.12.2018 / 13:10