http://snipplr.com/language/css/tags/typography Recent snippets posted on Snipplr.com en-us Thu, 24 Jul 2008 08:06:51 GMT http://snipplr.com/view/2857/indent-text-after-line-wrap/ When a line of text is longer than the width of its container, it will break onto the next line. This style causes all lines but the first to be

]]> Wed, 13 Jun 2007 11:48:24 GMT http://snipplr.com/view/2857/indent-text-after-line-wrap/ http://snipplr.com/view/2444/css-line-height-example/ Example off ALA, pleasing typography layout for the web. Based on the grid system.

]]> Tue, 10 Apr 2007 08:40:47 GMT http://snipplr.com/view/2444/css-line-height-example/ http://snipplr.com/view/1496/how-to-size-text-using-ems--css/ BODY {font-size:62.5%} This takes 16px down to 10px (16 x 0.625 = 10), which apart from being less huge is a nice round number. From now on it’s easy to think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. If you are laying out your document using CSS (which you are, right?) then you have probably used a few divs to group together elements. Apply text-size to these divs and your job is almost done. Consider a two column layout with header and footer:

]]> Mon, 30 Oct 2006 03:04:35 GMT http://snipplr.com/view/1496/how-to-size-text-using-ems--css/