Skip to main content
Photography of Alvaro Montoro being a doofus
Alvaro Montoro

Proud Spaniard

Bad CSS-Dad Jokes (VI)

New year, new collection of web development puns and short jokes! They are all equally terrible and funny... ok, more terrible than funny, but who's counting?

html css watercooler humor

I recently published an article with 100 Web Development Jokes, and I'm continuing the tradition of writing terrible CSS/HTML jokes into the new year! Without further ado, here are the jokes and puns...


Why are developers impressed with Tailwind?
It is a class act.


One semantic class is worth one thousand utility classes.


Why was the web developer afraid of accordions?
Because the devil is in the <details>.

a demon sticking out of a details bar


CSS developers may seem flaky, but they always go the full 324in.


You can't judge a book by its background-size:cover.


border-width is my favorite CSS property.
It sticks with me through thick and ?thin.


Why did the <div> get upset?
It got bent out of shape().


What does CSS say when it's uncomfortable?
#00F

And when it's really uncomfortable: #0000000F!

Meme showing Spanish coach Vicente del Bosque with an Oof! face


Why was the web page crying?
Because it got a <head>ache.

I was thinking about this alternative, but it feels off.

Why was the web page happy?
Because it hit the nail on the <head>


What movement does CSS Art belong to?
#DADA


Where do HTML elements go on vacation?
<spain>

Another option could be <li>sbon.


CSS doesn't like fruit, but it ate appearance.

CSS doesn't like fruit, but it ate appearance


What is CSS's favorite tree?
#BA0BAB.


Did you hear about the vibe coder who got attacked by a mountain lion?
It got Claude.


HTML threw an amazing party.
Everyone said it was <li>.


-webkit-box-reflect isn't standard... but it already sees itself there.


What is CSS developers' favorite cloud service?
azure.

What is CSS developers' favorite cloud service? azure.


- Knock, knock!
- Who's there?
- display:none
- display:none who?


- Knock, knock! - Who's there? - display:flex - display:flex who? - 😏


What's the most popular HTML element?
<time>. It always has a date.


And that's it for now. You can check the previous editions of this series on my site:

Article originally published on