Displaying HTML

Main >> Content >> Tutorials >> HTML >> Displaying HTML

Many people display HTML codes wrong on their sites, here's the code you should use. This is the one I'm using.

Step 1: Copy the code under and paste it in your CSS. This is the code I'm using, if you want you can just change the settings to fit your website better.

pre {
border: 1px solid #ccc;
background-color: #f0f0f0;
padding: 5px;
width: 95%;
overflow: auto;
max-height: 150px;
}

Step 2: Copy the code you want to display and convert it in this Code converter.

Step 3: Take your converted HTML and paste it betwene these tags on the page you want to display the code:

<pre>
Paste converted code here.
</pre>