Basic CSS border-style

One of the most effective ways to differentiate code from plain text in your websites is by using CSS border styling.
The following is a basic sample of highlighted code using CSS border-style with corner radius and some additional formatting.

Just add the following CSS code any were in your HTML file.

<style type="text/css">

div.code {

font-family: "Courier New",Courier,monospace;

font-size: 13px;

color: #159826;

border: dotted 1px #476ed5;

background: #e5e5e5;

padding: 10px;

line-height: 16px;

width: 400px;

border-top-left-radius:2em;

border-bottom-right-radius:2em;

</style> 

Once your CSS is done you can create a DIV in your page, that will contain the code. In order to apply the CSS style to the right DIV you will can make use of a class as follows:

<div class="code">
Whatever code you want.php
</div>

Enjoy!