Aligning image and text in a table row

I have been sharing a trick with my SharePoint content administrators on aligning images and text. That is to use a table and put image and text on its own cell in a row. And we normally want to have the text aligned at about the centre of the image so it looks nice. That’s what we call a ‘vertical-align to the centre’.

Back in the SharePoint 2010 sites, we use the HTML tag <td valign=”middle”>. You can change to top or bottom for different vertical alignments. However, in SharePoint Online, or let’s say in SharePoint 2013 built, it’s no longer supported.

After a little search on w3schools.com, I found out the tag is no longer supported in HTML5. Luckily, there is still a way. That is to use CSS syntax: <td style=”vertical-align:bottom”>.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s