design

For the example 1em = 16px

100% == 16 px
16 x 1.250 = 20
16 × 1.125 = 18
16 × 1 = 16
16 × 0.875 = 14
16 x 0.8125 = 13
16 × 0.75 = 12
16 x 0.6875 = 11
16 × 0.625 = 10

In this website I need to show some text as how it would look like in command prompt or console. So I created a simple CSS class which will make the in-line text to be looked like text in command prompt or console (bash in linux for me).

Here's a little snippet which may help some people out there. Enjoy