A single line of CSS would have made me $249,325 more in 2021 alone. Here's how, why—and the line.

I've ~always center-aligned most of my content. In my opinion, center alignment looks better and just makes sense. Especially on mobile. But I read somewhere that both the left- and justified alignments should be avoided for paragraphs longer than two lines.

In reality, I don't care whether it's left, right, or top-aligned. I care about conversions and revenue. So I obviously had to test this.

Coincidentally, around the same time, I noticed that our menu felt off on mobile. I didn't know what it was, but something wasn't right. It didn't feel easy to read.🤯

That's when it occurred to me that maybe it's because the items are center-aligned? Because it's center-aligned, and not left-aligned, there isn't a natural "fix-point" for my eyes to start at and read each item.

So I decided to test it in an A/B test! And I was optimistic already when I saw (felt) how it looked left-aligned. Here is the comparison:

I'm not sure that I think it looks better, but it feels so much easier to read on an actual screen. Because everything is left-aligned, I have a natural starting position to read each item and find the product category I'm looking forward without having to zig-zag my way through the menu items.

The Results

This minor idea of left-aligning our menu - an idea I wouldn't have thought of without Rob's e-book - increased our revenue per session by 51% in the experiment sample.

51%?!?!

The center-aligned generated 4.47 DKK/session ($0.67) compared to the 6.61 DKK/session ($1.01) of the left-aligned. That's $0.34 more PER SESSION from a single line of CSS.

I just ran the numbers. That equates to $249,325 MORE in revenue in 2021 if I had implemented this January 1st 2021. 🤯

Luckily, A/B-test left-aligning your menu and other content! It's easy. Just use the following CSS:

.CSS-selector { text-align: left; }

Godspeed,Mathias