Text overlay when changing height property

Asked

Viewed 35 times

0

I cannot match the height of item "9". When I do this with the height property, the text is overwritten.

table{
  border-spacing: 10px;
  
}


td{
  
   vertical-align: top;     
   padding: 5px;
   white-space: nowrap;
   
   
 }

 td.test{
  min-width: 40px;
  min-height: 100px;
  
 }
 

p {
  white-space: nowrap;
  
  
  }

  

  tfoot {
    max-width: 980px;
    text-align: right;
    margin: auto;
  
    
  }
  .someclassname { height: 2px; }
<td class = "test" valign="bottom" align="left" colspan="2">
        <p  style="line-height: 10px">
          <font face="arial" size=2> <b>&#160;09</b></font>
          <font size="1"> VALOR DOS JUROS E/OU ENCARGOS
            <BR>&#160;&#160;&#160;&#160;&#160;&#160;&#160; DL-1025/69

          </font>
        </p>
      </td>

      <td align="right">
        <font face="arial" size="2"><b>{{ darf.valorJurosEncargos }}&#160;</b></font>
      </td>
    </tr>
    <tr>
      <td  valign="top" align="left" colspan="2">
        <font face="arial" size=2><b>&#160;10</b></font>
        <font face="arial" size="1"> VALOR TOTAL</font>
        <br>
      </td>
      <td align="right" width="18">
        <font face="arial" size="2"><b>{{ darf.valorTotal }}</b></font>
        <br>

      </td>

html css height
  • 1

    Do you want the lines to be the same height? This is not good for tables, because the flow of text within the cell is what defines the height.

  • I couldn’t understand exactly what you need.... Pq does not increase the table width to stay all in one row without breaking the line when the text is larger

  • Yes, but the text misses when I leave the same heights.

  • Columns can’t be much different in width

No answers

Browser other questions tagged html css height

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