How to remove the whitespace in this html

-2

1

Already tried to put height: 100% but nothing has changed

<html>
<head>
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/frontend/ficha_emergencia.css') }}" />
</head>
<body class="body" style="border:0; margin: 6;">
    <table class="onu firstPage" width="100%" height="100%" border="0">
        <tr class="title">
            <td colspan="3">FICHA DE EMERGÊNCIA</td>
        </tr>
        <tr>
            <td width="33%">
                <div class="line">
                    <span class="label">Importador/Expedidor:</span>
                </div>
                <div class="line">
                    <span class="label">Endereço:</span>
                </div>
                <div class="line">
                    <span class="label">Telefone:</span>
                </div>
                <div class="line">
                    <span class="label">Telefone de Emergência:</span>
                 <br></br><br></br>
                 </div>
            </td>

Follow the Css

    body, .body
{
  font-family: Roboto;
  /*padding: 10px;*/
  text-align: justify;
  /*width: 780px;*/
}

.firstPage
{
  border-left: 30px solid red;
  border-right: 30px solid red;
}

td
{
    font-size: 7pt;
    /* vertical-align: top; */
    height: normal;
}

.title
{
  font-size: 8pt;
  text-align: center;
}

.label
{
  font-size: 7pt;
  font-weight: bold;
}

/*td
{

}*/
.border td
{
  height:9pt;
  border-top: 1.4px solid black;
  border-bottom: 1.4px solid black;
}
.borda td
{
  border-top:1.4px solid black;
}

.group
{
  font-size: 9pt;
  text-align: center;
}
    
asked by anonymous 16.10.2018 / 20:37

2 answers

0

I put your same code in a snippet and removed the margin, at first it is without the space above that you mentioned.

body,
.body {
  font-family: Roboto;
  /*padding: 10px;*/
  text-align: justify;
  /*width: 780px;*/
}

.firstPage {
  border-left: 30px solid red;
  border-right: 30px solid red;
}

td {
  font-size: 7pt;
  /* vertical-align: top; */
  height: normal;
}

.title {
  font-size: 8pt;
  text-align: center;
}

.label {
  font-size: 7pt;
  font-weight: bold;
}


/*td
    {

    }*/

.border td {
  height: 9pt;
  border-top: 1.4px solid black;
  border-bottom: 1.4px solid black;
}

.borda td {
  border-top: 1.4px solid black;
}

.group {
  font-size: 9pt;
  text-align: center;
}
<html>

<head>
  <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/frontend/ficha_emergencia.css') }}" />
</head>

<body class="body" style="border:0;">
  <table class="onu firstPage" width="100%" height="100%" border="0">
    <tr class="title">
      <td colspan="3">FICHA DE EMERGÊNCIA</td>
    </tr>
    <tr>
      <td width="33%">
        <div class="line">
          <span class="label">Importador/Expedidor:</span>
        </div>
        <div class="line">
          <span class="label">Endereço:</span>
        </div>
        <div class="line">
          <span class="label">Telefone:</span>
        </div>
        <div class="line">
          <span class="label">Telefone de Emergência:</span>
          <br><br><br><br>
        </div>
      </td>
    </tr>

  </table>
</body>

</html>
    
16.10.2018 / 21:23
-1

change the line:

<body class="body" style="border:0; margin: 6;">

To:

<body class="body" style="border:0; margin: 0;">
    
16.10.2018 / 21:17