# Markdown \<p\> margins

**URL:** <https://forum.inductiveautomation.com/t/markdown-p-margins/80786>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 20, 2023, 7:50pm UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786 "2023-10-20T19:50:36Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 20, 2023, 7:50pm UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/1 "2023-10-20T19:50:36Z")

</div>

The paragraph spacing in the Perspective Markdown component is zero.

Has anyone figured out how to increase paragraph spacing? It should be part of `ia.display.markdown` but I thought I'd ask rather than waste time trying to work it out.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 24, 2023, 5:03pm UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/2 "2023-10-24T17:03:09Z")

</div>

I asked at the weekend so [Bump!].

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 25, 2023, 6:50am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/3 "2023-10-25T06:50:44Z")

</div>

got an example?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 25, 2023, 8:03am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/4 "2023-10-25T08:03:24Z")

</div>

Sure!  
 ![Markdown 1](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/5/f5ae0828e732d861e2477f2b364bebb86ec0398f.png)

_Source._

![Markdown 2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/a/daa2badabec0faf72f0f6c07fc679842a7deb6be.png)

_Result._

I'd like to be able to set the spacing between paragraphs.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 25, 2023, 8:05am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/5 "2023-10-25T08:05:36Z")

</div>

to json would have been more usefull 😛

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 25, 2023, 8:08am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/6 "2023-10-25T08:08:22Z")

</div>

> **JSON for Victor!**
>
> ```auto
> [
> {
> "type": "ia.display.markdown",
> "version": 0,
> "props": {
> "markdown": {
> "escapeHtml": false
> },
> "source": "Welcome to _Markdown.\n\nWelcome to _Markdown.\n\nWelcome to _Markdown.\nWelcome to _Markdown.\nWelcome to _Markdown.\nWelcome to _Markdown.\nWelcome to _Markdown."
> },
> "meta": {
> "name": "Markdown"
> },
> "position": {
> "basis": "200px"
> },
> "custom": {}
> }
> ]
> 
> ```

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [October 25, 2023, 8:13am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/7 "2023-10-25T08:13:45Z")

</div>

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

What about `line-height`  
Maybe not what you want

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 25, 2023, 8:21am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/8 "2023-10-25T08:21:50Z")

</div>

`line-heigh` opens gaps on line wraps _inside_ the paragraphs which wouldn't be acceptable. Thanks!

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 25, 2023, 8:23am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/9 "2023-10-25T08:23:15Z")

</div>

> [@Transistor](#):
>
> ia.display.markdown

eh its weirdly done like this

```auto
[data-component="ia.display.markdown"] p {
    margin-bottom:20px;
}

```

but i would just put on a class and do

```auto
.psc-markdownSpacing p{
	margin-bottom: 20px;
}

```

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 25, 2023, 8:32am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/10 "2023-10-25T08:32:25Z")

</div>

> [@victordcq](#):
>
> ```auto
> [data-component="ia.display.markdown"] p {
> margin-bottom:20px;
> }
> 
> ```

Option 1 worked.

Option 2 didn't. Where on the markdown properties do I apply the new class?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 25, 2023, 8:38am UTC](https://forum.inductiveautomation.com/t/markdown-p-margins/80786/11 "2023-10-25T08:38:41Z")

</div>

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

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/0/e010f14b92f4f2ef20a01015a8ca61a7ef2f6846.png)