Beim Dokumentieren von Code (CSS, HTML, Javascirpt, …) einfach den <code>-Tag benutzen, dann sieht es so aus:

.header { border: 0px; }

Geht das aber über mehrere Zeilen, ist es nicht mehr so schön. Als Inline-Element ist es auch nicht dafür gedacht.

oder vielleicht den <pre>-tag? dann kommt es so:

.header { border: 0px; }

Damit die Syntax schön dargestellt wird braucht es ein plugin; ich benütze das Plugin SyntaxHighlighter evolved.

Das Plugin erzeugt auch bei mehrzeiligem Code einen guten Output:

body .site {
  	/*color: #146666;*/
  	background-color: #f8f8f8;
}
.woodesign { 
  color: #1c9135;
  font-weight: bold;
}
img.header-image {
  border: none;
  box-shadow: none;
}