table vertical align example

This tutorial will explain how to use table vertical-align in an HTML table. Here I will show you how you can use td vertical align top, td vertical align bottom, td vertical-align middle, etc.

You can use valign td property to make td vertical align top, bottom, middle etc.

  • valign=”top”
  • valign=”middle”
  • valign=”bottom”
  • valign=”baseline”

Example td vertical align top:

Below is an example of td vertical align top for a html table.

<table>
            <tr>
                <td valign="top">
                    
                </td>
                
                <td valign="top">
                   
                </td>
            </tr>
        </table>

Similarly, you can use the other properties like valign=”middle”, valign=”bottom”, valign=”baseline” etc.

But sometime you may face below issue, none does not work.

  • td vertical align not working
  • vertical align bottom not working
  • vertical align middle not working
  • td valign top not working

td vertical align not working

You can use a vertical-align attribute with style property like below which will resolve td vertical align not working issue.

<table>
            <tr>
                <td style="vertical-align: top;">
                    
                </td>
                
                <td style="vertical-align: top;">
                   
                </td>
            </tr>
        </table>

You may like following asp.net tutorials:

I hope this HTML tutorial helps how to use table vertical-align with an example.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>