Mit Pre-Boxen lassen sich CSS-Codes besser darstellen als mit Textareas. Hier zeige ich euch, wie man so eine Pre-Box codet oder sie mit HTML erzeugen kann. 

HTML:
 

<pre style="margin-top: 0px; margin-bottom: 0px; padding: 5px; font-size: 12px; color: #FFFFFF; 
border-left: 5px #AAAAAA solid; background-color: #CCCCCC;>Text</pre>

CSS:

pre {
width: 400px;
height: 80px;
font-family: arial;
font-size: 11px;
display: block;
padding: 10px;
background-color: #FFFFB2;
border: 1px solid #c9c9c9; 
overflow: scroll; }

So fügt ihr die Box in den Seiteninhalt ein:

<pre class="box">
<code>
Text
</code>
</pre>