# Display HubL code in pre tag

**URL:** <https://community.hubspot.com/t/display-hubl-code-in-pre-tag/70899>\
**Category:** CMS Development\
**Created:** [December 9, 2022, 9:38am UTC](https://community.hubspot.com/t/display-hubl-code-in-pre-tag/70899 "2022-12-09T09:38:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ben-duchy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben-duchy/32/84083_2.png) [@ben-duchy](https://community.hubspot.com/u/ben-duchy)\
**Post date:** [December 9, 2022, 9:38am UTC](https://community.hubspot.com/t/display-hubl-code-in-pre-tag/70899/1 "2022-12-09T09:38:29Z")

</div>

I’m writing a blog about the benefits of if / unless conditions within HubL code and I want to show an example of the code snippet on my page using the html pre tag.

Unfortunately the pre tag within the page editor only displays the HubL code when remove all {{ }} and {% %} symbols.

Is there a way to display the code snippet which includes these brackets?

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [December 9, 2022, 5:58pm UTC](https://community.hubspot.com/t/display-hubl-code-in-pre-tag/70899/2 "2022-12-09T17:58:03Z")

</div>

Add the raw tag around your pre tags so HubSpot knows not to render the code.

```lia-code-sample
{% raw %}
 <pre></pre>
{% endraw %}

```

---

<div class="post-metadata">

**Author:** ![ben-duchy](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben-duchy/32/84083_2.png) [@ben-duchy](https://community.hubspot.com/u/ben-duchy)\
**Post date:** [December 12, 2022, 10:32am UTC](https://community.hubspot.com/t/display-hubl-code-in-pre-tag/70899/3 "2022-12-12T10:32:42Z")

</div>

Excellent, thanks @alyssamwilie 🙂