I think the FIELDSET element makes a nice looking standalone template style all by itself. Good for a blog, good for a standalone post. That is, let the browser's default do all the styling work. I added a few minor tweaks via CSS but it barely needs any CSS at all (except, perhaps a width limit). I also added the PRE (ASCII) and CODE elements from The Monospace template - they seem useful.
The biggest issue (for me) is the lack of support for text browsers. These browsers simply do not support the visual aspects of the FIELDSET element.
To help separate content on these browsers, I added hr { visibility: hidden; } to the CSS. Invisible to mainstream browsers but very useful for text browsers. The HR element needs to be manually added between each FIELDSET.
hr { visibility: hidden; }
The CSS works on every mainstream browser from 2013 onward. Below are the last couple of posts I made on my regular blog.
I was working toward creating a basic CSS template and eventually came up with The Monospace↗ (permanent home at the Free Apps↗ page). The template is just the CSS itself (<style>...</style>) and serves as a quick way to post static pages in the style presented in the linked demo.
It's not too dissimilar to bettermotherfuckingwebsite.com (7 declarations) in intent but it has 39 declarations in total: 10 of which are CSS 3.
Updated this blog's template to be fully HTML5/CSS. Removed the few remaining HTML 3.2 tags that were a carryover from when the blog was manually updated. Creating new templates based on this sample will be much simpler. Find the new file at the Free Apps page.
This template is CSS 2.1 with one CSS3 property (border-radius for the rounded corners).