# Code blocks now render with nested \<code\> element

**URL:** <https://zola.discourse.group/t/code-blocks-now-render-with-nested-code-element/464>\
**Category:** Support\
**Created:** [June 13, 2020, 11:51pm UTC](https://zola.discourse.group/t/code-blocks-now-render-with-nested-code-element/464 "2020-06-13T23:51:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![peerreynders](https://avatars.discourse-cdn.com/v4/letter/p/a698b9/32.png) [@peerreynders](https://zola.discourse.group/u/peerreynders)\
**Post date:** [June 13, 2020, 11:51pm UTC](https://zola.discourse.group/t/code-blocks-now-render-with-nested-code-element/464/1 "2020-06-13T23:51:22Z")

</div>

Just wondering if I’m missing something.

Looking at [getzola.com](https://www.getzola.org/documentation/getting-started/installation/#macos) code blocks are rendered like this:

```auto
<pre style="background-color:#383838;">
   <span style="color:#e6e1dc;">$ brew install zola</span>
</pre>

```

Taking `docs` from the Github repository and running Zola 0.11.0 against it results in

```auto
<pre style="background-color:#383838;">
  <code>
    <span style="color:#e6e1dc;">$ brew install zola</span>
  </code>
</pre>

```

(which pulls in `background-color: #f5f5f5;` in [some instances](https://www.getzola.org/documentation/getting-started/installation/#from-source) from the generated `site.css`).

Is the nested `<code>` element inside `<pre>` new behaviour or is there some kind of configuration setting which controls this rendering behaviour?

I ran across this while I was trying to recreate parts of the documentation site in an effort to learn more about how Zola can be used.

Thank You for your effort and all the great work!

---

<div class="post-metadata">

**Author:** ![keats](https://avatars.discourse-cdn.com/v4/letter/k/34f0e0/32.png) [@keats](https://zola.discourse.group/u/keats)\
**Post date:** [June 14, 2020, 4:51pm UTC](https://zola.discourse.group/t/code-blocks-now-render-with-nested-code-element/464/2 "2020-06-14T16:51:51Z")

</div>

It’s a new behaviour from the last version