# Center vertically the content of a Markup component

**URL:** <https://forum.inductiveautomation.com/t/center-vertically-the-content-of-a-markup-component/97536>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 21, 2024, 8:06am UTC](https://forum.inductiveautomation.com/t/center-vertically-the-content-of-a-markup-component/97536 "2024-10-21T08:06:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AGOSTINO\_SCLAUZERO](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@AGOSTINO\_SCLAUZERO](https://forum.inductiveautomation.com/u/AGOSTINO_SCLAUZERO)\
**Post date:** [October 21, 2024, 8:06am UTC](https://forum.inductiveautomation.com/t/center-vertically-the-content-of-a-markup-component/97536/1 "2024-10-21T08:06:49Z")

</div>

In my application, I have many situations where a confirmation dialog is required. So, I developed a generic confirmation dialog with a customizable message.  
Using Markdown allows me to provide a richer presentation of the message.  
Unfortunately, when the message is a single line, it doesn’t look very appealing as it sticks to the top.  
The _label_ component has an "alignVertical" property, but unfortunately, Markdown doesn’t have such a property.  
Since I’ve already disabled HTML escaping, I can use HTML. I tried the following:

```
 <div style="text-align:center;">
 my message
 </div> 

```

Unfortunately it didn't work.  
Any ideas on how to fix this?

Ps. Multiline dialog:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/d/cd8b9b2e5606f99ab0520bc94b332266299fdadf.png)  
Single line dialog:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/4/d43908d8a389fba9dca88812d124f923a05bcea4.png)

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [October 21, 2024, 8:16am UTC](https://forum.inductiveautomation.com/t/center-vertically-the-content-of-a-markup-component/97536/2 "2024-10-21T08:16:58Z")

</div>

Just a shot in the dark, but worth a try:

```css
vertical-align: middle;

```