Search code examples
cssfontsmonospace

Monospaced font to align text using spaces makes it look odd


I was using the default html font - Liberation Serif—30 glyphs in my page. Then i faced a problem, that multiple spaces to align two columns of text is not working properly.

I found out, spaces are not displayed at the same width as other characters and hence the same number of characters doesn't use same width. so, i started using monospaced font. It solves the alignment problem.

The alignment looks good now but the font is not the commonly used one as per the corporate standards.

How can i use a font like Liberation Serif and still do alignment using space characters?


Solution

  • If you want to align text in columns, how about using a <table>? Or if it's not tabular data, some CSS and float: left;.