Category Archives: line-height

Creating simple character icons in CSS using ems

Here’s a quick way of bringing headings and otherwise dull content to life by using simple CSS to create simple single-character icons. Firstly, a quick example: And here’s the code, CSS first: .circled { font-weight:bold; width:1.5em; height:1.5em; line-height:1.5; border-radius:1.5em; text-align:center; … Continue reading

Posted in border-radius, css, display, line-height | Tagged , , , , , , , , , , , | Comments Off on Creating simple character icons in CSS using ems