# HTML elements \<kbd\> \<mark\> \<br\> etc

**URL:** <https://discourse.gohugo.io/t/html-elements-kbd-mark-br-etc/49138>\
**Category:** support\
**Created:** [April 1, 2024, 4:50pm UTC](https://discourse.gohugo.io/t/html-elements-kbd-mark-br-etc/49138 "2024-04-01T16:50:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Paulobox](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/paulobox/32/21743_2.png) [@Paulobox](https://discourse.gohugo.io/u/Paulobox)\
**Post date:** [April 1, 2024, 4:50pm UTC](https://discourse.gohugo.io/t/html-elements-kbd-mark-br-etc/49138/1 "2024-04-01T16:50:34Z")

</div>

How do i get these HTML elements \<kbd\> \<mark\> \<br\> \<h1\> etc to work in hugo .md posts ?

I created styles:

```css
kbd {
  color: #444;
  border: 1px solid #444;
  border-bottom: 3px solid #444;
  border-radius: 5px;
  padding: 0.1rem 0.4rem;
}

mark {
  padding: 2px 5px;
  border-radius: 5px;
  background-color: orange;
  color: black;
}

```

I inserted text in my post: \<kbd\> alt + r \</kbd\>\<br\>\<mark\>this text should be marked\</mark\>

but they are not working in my posts md files:  
 alt + r   
this text should be marked

But this is how it is rendered on my page in one line:  
alt + r this text should be marked

i was able however to apply styles for table, th, td?

Like for br i have to create partial br.html and insert \<br\>  
and the in my posts i need to use {{\<br\>}} for it to work.  
But i just want to use basic html elements without partials…

What am I missing here?

---

<div class="post-metadata">

**Author:** ![frjo](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/frjo/32/18626_2.png) [@frjo](https://discourse.gohugo.io/u/frjo)\
**Post date:** [April 1, 2024, 4:59pm UTC](https://discourse.gohugo.io/t/html-elements-kbd-mark-br-etc/49138/2 "2024-04-01T16:59:26Z")

</div>

Set this and you can add html tags together with markdown.

```auto
markup:
  goldmark:
    renderer:
      unsafe: true

```

It is only “unsafe” if you do not trust the people writing posts on your site.

See [Configure markup | Hugo](https://gohugo.io/getting-started/configuration-markup/#rendererunsafe)

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [April 3, 2024, 4:59pm UTC](https://discourse.gohugo.io/t/html-elements-kbd-mark-br-etc/49138/3 "2024-04-03T16:59:41Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.