![how to vertically align text in work how to vertically align text in work](https://i.stack.imgur.com/hovdh.png)
Vertical align property is used with top or super, bottom or sub, middle and baseline values to position the text in the top, bottom, middle, and baseline respectively. It is the default value of the vertical-align property. You can observe blue colored text is positioned at the baseline. Example #4 – Vertical-align: baselineĪs you can see in the paragraph code, the vertical-align property is used with the baseline value. You can observe a blue colored text is positioned in the middle. So, the bottom and sub are working similarly.Īs you can see in the paragraph code, vertical-align property used with a middle value. In the Page section, select Center from the Vertical alignment drop-down list. On the Page Setup dialog box, click the Layout tab. You can observe blue colored text and purple colored text in both cases, the output will be the same. Click the Page Setup button in the lower-right corner of the Page Setup section of the Page Layout tab. Example #2 – Vertical-align: bottom or subĪs you can see in the paragraph code, vertical-align property used with bottom value and second paragraph vertical-align property used with sub value. You can observe blue colored text and purple colored text in both cases, the output will be the same.
How to vertically align text in work code#
Wrote templates and front-end code for ECM app to meet WebTopĪs you can see in the paragraph code, vertical-align property used with the top value and second paragraph vertical-align property used with super value. Examples of CSS Vertical Alignīelow are the examples for CSS vertical-align : Example #1 – Vertical-align: top or superĮxecuted and contributed to full-stack web development projects, withīrowser manipulation, and cross-browser compatibility.
![how to vertically align text in work how to vertically align text in work](https://helpx.adobe.com/content/dam/help/en/illustrator/using/align-text/jcr_content/main-pars/image/align_text-hero.png)
Note: We can also use all these properties with images as well.