SELINAP.COM

It is easy to use CSS to style code snippets, as shown in Figure 1.

Figure 1: Sample output of CSS style for code snippets

Step 1: Append this code inside a style sheet.

pre{
    font-size:12px;
    background:#fff;
    border:1px solid #000;
    line-height:20px;
    width:600px;
    overflow:auto;
    overflow-y:hidden;
    margin:0;
    padding:0;
}
pre code{
    font-family:Monaco,Courier;
    display:block;
    margin:0 0 0 40px;
    padding:18px 0;
}

Step 2: Put the code snippets inside <pre> and <code> tags.

<pre><code>def f():
    txt = "Some sample code"
    return txt
</code></pre>