HTML coding is a pain in the arse. And CSS coding, that’s just something else!

All I want is a list that doesn’t look like crap. Take a look:

1. This
2. Looks
3. Like
4. Crap

And:

• This
• Too
• Looks
• Crap

I want zeros before my numbers and I want dashes instead of dots. And I might fancy some colour, too.

I quickly discover that I can’t change the default HTML code for lists unless I go all CSS on it. Well, that’s a minefield of things that don’t work for me.

So I figure I can format what I want longhand in HTML. It’ll be easy. Take me an hour, max.

Naturally, I don’t know these codes so I cut and paste.

After some trial and error, I got this little beauty:

01 – Much nicer
02 – I prefer this
03 – But look! If I keep on typing and chatting away, and saying nothing about anything, LOOK! The first line doesn’t over-hang! Well, this ain’t a proper list.

Some more trail and error delivers this corker:

And my third attempt…

Picture:

See! That’s all I want. Why is this so difficult?

(Brownie points for spotting my typo)

So, onward my quest goes.

Let’s try some colour…

Okay, and now a different size…

I don’t know how to do that. I can’t find a code for the space around a word.

You know what? It’s good enough. It’ll annoy me but it’s better than crap. And even if I did find the code, if there is one, I can guarantee it’ll be a pain in the arse!

For those unwise of the HTML way, this is what it looks like:

Gibberish.

It’s lots and lots of <> and “” and : and headaches.

Ooh, I did want my list in a different font, let’s try that quickly…

Alright, fine. I can do it. I barely feel any achievement.

I need a stiff drink.

Thank you for your help! It’s been nice ranting with you!