CODEWITHSUNDEEP
htmlcss
cincura.net
cincura.net

Reputation: 4150

Same content with different font-size results in wrong alignment

I have exactly (I changed the values via Developer tools in Chrome) the same content rendered with font-size (unit em):

1.0

1.1

1.2

1.3

1.4

But as you can see with 1.2 the alignment of the two blocks is different in Chrome (also in Firefox). You can see it in action here and here.

How is that possible?

Upvotes: 1

Views: 63

Answers (1)

cincura.net
cincura.net

Reputation: 4150

Surprisingly the font-size: 80% definition for body was causing this. I removed it and recomputed all the rest and it's fine now.

Upvotes: 1

Related Questions