Even testen

Nu niemand het kan zien, kan ik wel even testen met andere HTML code.
Ik wil eigenlijk graag in staat zijn om bijvoorbeeld kleine stukjes programmacode met een andere achtergrond in een bericht op te nemen. Een kijken…

wat gebeurt hiermee ??

en nog een regel

een stukje HTML: <element>

Mooi, de div tags blijven in de code staan, nu kijken of ik met de CSS er iets aan kan wijzigen. Ok, dat ziet er al beter uit.

Uiteindelijk is dit de code in het bericht:

<div class="code">wat gebeurt hiermee ??

en nog een regel

een stukje HTML: <element>

</div&gt

en is dit de toegevoegde klasse in het CSS bestand:

.code {

  font-family:courier new;

  color: #000000;

  position: relative;

  left: 30px;

  width: 200px;

  padding:2px;

  margin-right: 80px;

  background:#DDDDDD;

  font-size:small;

  font-weight:normal;

  line-height:130%;

}

Let er bij de programmacode op dat de tags die je wilt laten verschijnen als <element> moeten worden opgenomen.