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>

Source: getbootstrap.com

Similar codes

5 votes196 views1 answer
Css text select
Html
0 vote176 views1 answer
HTML Links - Hyperlinks Example
Html
2 votes192 views2 answers
How to create the HTML Link
Html
0 vote189 views1 answer
Input type file custom css
Html
3 votes206 views2 answers
How to write 2 class in html
Html
3 votes196 views3 answers
How to ignore prettier
Html
1 vote205 views1 answer
Vue does v-html inject html
Html
0 vote183 views1 answer
<style>body {background-color: coral;}</style>
Html
1 vote167 views1 answer
Html to hml
Html
0 vote206 views1 answer
Prevent the child event from triggering the parent element angular 5
Html