/home/shakir

If you’re wondering how do I actually get the nicely boxed code block in my blog as this;

then the answer to it is just to have this in my CSS:

pre {
        border: 1px dashed #bbb;
        font-size: 75%;
        padding: 5px;
        color: #808080;
        background: #F1F1FF;
        overflow: auto;
}

and later I would just wrap whatever text I want to be in the box with the pre tag in my HTML codes, like this;

<pre>
This is a code example
</pre>

and should get this output (including the dashed-box):

This is a code example

and that’s all. It’s just so easy..

Bookmark this page: Subscribe to feed Â