"Solved" Text spacing in HTML table

Asked

Viewed 52 times

-2

Good afternoon, I am using html with bootstrap 5.0 and I have a doubt in reducing the space between the text within the "td", as I increase the font size, this space increases.

inserir a descrição da imagem aqui

<tr>
  <td colspan="3" style="text-align:center" class="bg-success text-white">
    <class style="font-size:510px"><b>612</b><class style="font-size:50px">Portas
  </td>
  • did not understand, Oce wants to increase the size of your text without increasing the size of your td ?

  • hello Renan, if you are using bootstrap, pq does not use the grid system (Row/cols) to make this layout? from what I noticed, is using table to make a layout that is not table, is not making good use of the potential of bootstrap :)

  • Good afternoon Ricando, cool, I am new in web programming kkk, good idea, I will use the grid. Grateful!

  • changes the lineheight q solves

  • Richard Gomes, almost that, I actually want to remove this space and leave "glued" the 612 doors just below the line.

  • Put margim:0 in the title, and just to ensure puts line-height:1 tb. And face this here does not exist!! <class style="font-size:510px">... what tab html is this ?

  • hugocsl, exact, I was wrong to write the code! Abrass.

Show 2 more comments

1 answer

0


you can edit the line-height

<tr>
  <td colspan="3" style="text-align:center" class="bg-success text-white">
    <class style="line-height:350px;font-size:510px"><b>612</b><class style="font-size:50px">Portas
  </td>
 </tr>

with this you force the line q to have a specific size.

  • Thanks Jasar, gave it right, exactly what I needed!

  • good that good that helped. mark as solved in my post so personal know q solved

Browser other questions tagged

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