/Html/Make text vertical align middle in table bootstrap

Make text vertical align middle in table bootstrap

Bootstrap 4 vertical align td

<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
<span class="align-text-top">text-top</span>
<span class="align-text-bottom">text-bottom</span>

Source: getbootstrap.com

Make text vertical align middle in table bootstrap

<table style="height: 100px;">
  <tbody>
    <tr>
      <td class="align-baseline">baseline</td>
      <td class="align-top">top</td>
      <td class="align-middle">middle</td>
      <td class="align-bottom">bottom</td>
      <td class="align-text-top">text-top</td>
      <td class="align-text-bottom">text-bottom</td>
    </tr>
  </tbody>
</table>

-1

Source: getbootstrap.com

Similar codes

2 votes350 views1 answer
Vuejs v-for key value
Html
0 vote308 views1 answer
Text displayed over an image
Html
-1 vote296 views1 answer
Jqury
Html
0 vote348 views1 answer
Html table serial number
Html
0 vote326 views1 answer
Make an drodown menu
Html
0 vote279 views1 answer
Bootstrap table downwards
Html
44 votes314 views5 answers
Onclick button href
Html
29 votes345 views2 answers
Html underline tag
Html
0 vote314 views1 answer
Pros/cons of using `.createElement()` and `append()` vs. `.innerHTML`?
Html
0 vote310 views1 answer
Une solitude
Html