That’s it – when all is set and done, you can end up with something like this below.īy the way, you can experiment with other styles of the table and can make the header stand out by filling it with some colors. This will hide the light gray border of the table.
• Step 3: Insert text and images into corresponding cells UsingHow to align text and images on a SharePoint page Let’s do this together, step by step. One thing to note here is that this trick only works with classical, Wiki pages, not the modern SharePoint pages. The trick to making text and images aligned is by inserting an invisible table onto the page first and then inserting text and images into corresponding cells.
Or maybe you are building a department site, and you want to insert some contact information and images of the department staff. For example, when you have a project or team site, you might want to display some project information on top of the page. The example we will follow is inserting and aligning a header text on top of the page, as shown in the example below. Today I want to share those tips with you on how to align text and images on a SharePoint page. While SharePoint does not stand out for its text and image editing capabilities, there are some tricks in the book that allow making the page a bit more professional and attractive.
The answer lies in using standard CSS property vertical-align.
Aligning text vertically with CSS is quite simple. Specifically, the text that I usually paste at the top of the page. Now, we are going to review the time-proven tactic for aligning text vertically with CSS. As I deliver my webinars and training sessions, I get a lot of compliments on how neat and aligned my pages appear.