# How to use Markdown styling on Web Dev HTML responses

**URL:** <https://forum.inductiveautomation.com/t/how-to-use-markdown-styling-on-web-dev-html-responses/70377>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 27, 2023, 5:55pm UTC](https://forum.inductiveautomation.com/t/how-to-use-markdown-styling-on-web-dev-html-responses/70377 "2023-02-27T17:55:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nick.miller](https://avatars.discourse-cdn.com/v4/letter/n/77aa72/32.png) [@nick.miller](https://forum.inductiveautomation.com/u/nick.miller)\
**Post date:** [February 27, 2023, 5:55pm UTC](https://forum.inductiveautomation.com/t/how-to-use-markdown-styling-on-web-dev-html-responses/70377/1 "2023-02-27T17:55:31Z")

</div>

I have a project where I am serving HTML content using the Web Dev module. I have instances where I am also populating the markdown component with some of that same HTML content. I've noticed that the markdown component has some modern looking styling on tables and things that I would like to apply to the HTML content that I am serving using the Web Dev module. Is that possible? How would I do it?

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [February 27, 2023, 6:15pm UTC](https://forum.inductiveautomation.com/t/how-to-use-markdown-styling-on-web-dev-html-responses/70377/2 "2023-02-27T18:15:04Z")

</div>

You probably just need to emit the right class names in your HTML; if you're writing your HTML by hand are you including the `thead` and `tbody` elements? [\<thead\>: The Table Head element - HTML: HyperText Markup Language | MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)

---

<div class="post-metadata">

**Author:** ![nick.miller](https://avatars.discourse-cdn.com/v4/letter/n/77aa72/32.png) [@nick.miller](https://forum.inductiveautomation.com/u/nick.miller)\
**Post date:** [February 28, 2023, 6:44pm UTC](https://forum.inductiveautomation.com/t/how-to-use-markdown-styling-on-web-dev-html-responses/70377/3 "2023-02-28T18:44:39Z")

</div>

I am using thead and tbody. The first image is the HTML shown in an iframe and the second is that html content in a markdown component.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/9/19aa4d6c1fd5f88b6c1de83d482ecae2d7cf4182.png)  
 ![Capture2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/4/948bcd9241826225c0c90de247f2d0479c3c46a2.png)

---

<div class="post-metadata">

**Author:** ![nick.miller](https://avatars.discourse-cdn.com/v4/letter/n/77aa72/32.png) [@nick.miller](https://forum.inductiveautomation.com/u/nick.miller)\
**Post date:** [March 1, 2023, 4:24pm UTC](https://forum.inductiveautomation.com/t/how-to-use-markdown-styling-on-web-dev-html-responses/70377/4 "2023-03-01T16:24:06Z")

</div>

I found this post in the "issues" section of the react-markdown repository. I loaded the github-markdown.css file into the designer as a text file resource and was able to get it to work.

> <https://github.com/remarkjs/react-markdown/issues/100#issuecomment-504505123>
>
> There seems to be no mention about it? The demo code seems to be too cryptic!