# Markdown vertical

**URL:** <https://forum.inductiveautomation.com/t/markdown-vertical/45598>\
**Category:** Ignition Early Access\
**Created:** [April 14, 2021, 4:12pm UTC](https://forum.inductiveautomation.com/t/markdown-vertical/45598 "2021-04-14T16:12:11Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [April 14, 2021, 4:12pm UTC](https://forum.inductiveautomation.com/t/markdown-vertical/45598/1 "2021-04-14T16:12:11Z")

</div>

hello everyone, maybe I’m missing something; I can’t find how to vertically align the text in a Markdown.

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [April 14, 2021, 6:52pm UTC](https://forum.inductiveautomation.com/t/markdown-vertical/45598/2 "2021-04-14T18:52:30Z")

</div>

There are many ways to do this, but something I just tested and I know works is to add

```auto
display: flex

```

and

```auto
align-items: center // or flex-end, flex-start, etc

```

to your Markdown component’s `style` object.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/6/f63cb7ac490ed672d5488d558869219f3870c2c7.png)

You can also add padding, margins, and whatever else you need to style the Markdown exactly how you want it.

---

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [April 14, 2021, 7:32pm UTC](https://forum.inductiveautomation.com/t/markdown-vertical/45598/3 "2021-04-14T19:32:26Z")

</div>

thanks @YF129701 … but like that i loose the horizontal centering… i think i go crazy today … do you have other interesting “goodies”?

---

<div class="post-metadata">

**Author:** ![stra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/stra/32/23678_2.png) [@stra](https://forum.inductiveautomation.com/u/stra)\
**Post date:** [April 14, 2021, 7:50pm UTC](https://forum.inductiveautomation.com/t/markdown-vertical/45598/4 "2021-04-14T19:50:15Z")

</div>

I add also “justifyContent” for centering also in horizontal …

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [April 14, 2021, 7:53pm UTC](https://forum.inductiveautomation.com/t/markdown-vertical/45598/5 "2021-04-14T19:53:45Z")

</div>

Yes I was going to add that but you only asked for vertical alignment… Looks like you figured it out 👍