# CSS

# Code Block maken

<article data-article-id="239" id="bkmrk-om-op-je-website-een">Om op je website een code block te maken kan je dit met de HTML tags &lt;pre&gt;&lt;code&gt; doen.  
Hier onder staat een voorbeeld:

```css

           .....de code die je wilt plaatsen

```

De opmaak van het code block kan je vast leggen in een stylesheet (CSS bestand):

```css
pre {box-sizing: border-box; width: 100%; padding: 0; margin: 0; overflow: auto; overflow-y: hidden; font-size: 12px; line-height: 20px; color:#ffffff; background: #425164; border: 2px solid #777;}
```

Hiermee heb je voor de hele website dezelfde kleur, lettertype, achtergrondkleur enz. voor het code block.

</article>#### **Bron:**

[https://wp-mix.com/css-style-pre-tags/](https://wp-mix.com/css-style-pre-tags/)

<article data-article-id="239" id="bkmrk-"><div id="bkmrk--1"><div class="epkb-article-navigation-container epkb-article-navigation--next-link-right">  
</div></div></article><div id="bkmrk--2"></div>