Wednesday, July 19, 2006

CSS Code Blocks

Ok, this is just silly, but I hate having to experiment and look things up, so I'm thinking you aren't so different. Here, I've layed out in CSS a basic little css block to create those nifty little blocks of code that you see everywhere with their fancy formatting. The following CSS block defines the look of the code. Add that to your CSS file, or template file, or wherever :)

.code {
font-style: bold;
margin: 0 0 1.5em 0;
padding: 0 0 1.5em 14px;
background-color: #EEEEEE;
font-family: monospace; font-size: 14px;
border: 1px solid black;

Now, in your post/document/etc just surround your post with the following: <div class="code"> and </div>