t+1 » CSS http://blog.tplus1.com Programming, gardening, economics, life in Cleveland Heights Sat, 07 Jan 2012 21:12:21 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Working with em-based widths can be baffling http://blog.tplus1.com/index.php/2008/03/27/working-with-em-based-widths-can-be-baffling/ http://blog.tplus1.com/index.php/2008/03/27/working-with-em-based-widths-can-be-baffling/#comments Thu, 27 Mar 2008 15:49:35 +0000 matt http://blog.tplus1.com/index.php/2008/03/27/working-with-em-based-widths-can-be-baffling/ These four paragraphs have the same number of characters, but because the letter M is fat and the letter I is skinny, different amounts of characters appear in each line:

M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M

I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I

This is the exact same text, but now I’m using a monospace font:

M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M M

I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I

]]> http://blog.tplus1.com/index.php/2008/03/27/working-with-em-based-widths-can-be-baffling/feed/ -1