Comments on: Unitless line-heights

By: Mike

Mike — Thu, 26 Jan 2012 21:15:03 +0000

Unless you want to keep a consistent vertical grid throughout the layout. In that case, you SHOULD specify your line height with ems in the body, as this will keep all your typography on the same baseline, regardless of its size. This is a classic tenet of typography and gives your document a real nice, clean look. I wouldn’t be so quick to switch to unitless line-heights.

By: Measuring and sizing UIs, 2011-style — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts

Wed, 07 Dec 2011 13:11:42 +0000

[...] However, even better than using ems, you just set them unitless. Work out the em value, but drop the em from the value, so line-height:1.5em; would just be line-height:1.5;. Eric Meyer explains this nicely over on his site. [...]

By: Two quick things about (CSS) Typography • Jonathan Warren

Two quick things about (CSS) Typography • Jonathan Warren — Mon, 28 Nov 2011 21:01:20 +0000

[...] use SASS there is also a mixin available to provide a px fallback for older browsers.And secondly, line-height can be unitless. Who knew? Not me, obviously. By Jonathan Warren Updated: 28th November 2011CSSremsTypographyNo [...]

By: Type study: Sizing the legible letter « The Typekit Blog

Type study: Sizing the legible letter « The Typekit Blog — Wed, 09 Nov 2011 18:16:23 +0000

[...] kids say, that. What’s more, we don’t actually need to add units to the line-height, as Eric Meyer’s covered so ably before. Instead, we can leave that proportional value in place, sans pixels, percentages, [...]

By: Mike Edward Moras (e-sushi™)

Mike Edward Moras (e-sushi™) — Tue, 08 Nov 2011 17:56:28 +0000

Interestingly, dropping it breaks vertical rhythm in some browsers. But the idea is tempting. ;)

By: Html anchor height issue with unitless line heights | SeekPHP.com

Html anchor height issue with unitless line heights | SeekPHP.com — Wed, 05 Oct 2011 20:05:40 +0000

[...] to conform to unitless line heights I have a problem with overflow: auto and anchor elements. Consider the following simple [...]

By: Quora

Quora — Tue, 27 Sep 2011 01:55:35 +0000

The New Quora Comments…

+1 to whomever just max-height’d the images & set the line-height Note on line-height, though, is that you probably want to use unitless values rather than em’s! Rather than inheriting the value from the line where it was defined, the ratio is inheri…

By: pixels in your dropdown line-height style – beware! | Thomas W Bell

pixels in your dropdown line-height style – beware! | Thomas W Bell — Mon, 29 Aug 2011 13:19:05 +0000

[...] http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ [...]

By: line-height: find the height of an element - SitePoint Forums

line-height: find the height of an element - SitePoint Forums — Mon, 15 Aug 2011 21:29:15 +0000

[...] more sensible. I am of the opinion that unitless line heights are much more sensible in most cases as does Eric Meyer. __________________ http://www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles Ultimate CSS [...]

By: 3 Must-Learn CSS Techniques for Perfect Web Typography | Design Shack

3 Must-Learn CSS Techniques for Perfect Web Typography | Design Shack — Sun, 10 Jul 2011 17:42:08 +0000

[...] even know existed until recently: unitless line height. Eric Meyer explains this idea in detail here, but I’ll give you a quick [...]

By: The pleasure of working text « Masks of Eris

The pleasure of working text « Masks of Eris — Thu, 16 Sep 2010 19:02:36 +0000

[...] 1.8, which is blindingly obvious and cannot be unseen once you see it). Then I’m finding out unitless line heights (i.e. 1.4 and not 1.4em) are a good idea, because otherwise the value that’s inherited by the [...]

By: Unitless line-heights | Extra Future

Unitless line-heights | Extra Future — Tue, 27 Jul 2010 19:10:36 +0000

[...] A handy CSS tip and technique that I was previously unaware of. [...]

By: Line height.

Line height. — Fri, 22 Jan 2010 14:33:30 +0000

[...] of 1em is equal to 24px (ie the same as itself). Otherwise I believe you can use unitless values Eric's Archived Thoughts: Unitless line-heights I am — Harry Roberts | Web Design+ Licenses now available | CSS Wizardry | And now [...]

By: 15 Surefire Ways to Break Your CSS « Why Limit Media

15 Surefire Ways to Break Your CSS « Why Limit Media — Sun, 30 Aug 2009 14:36:32 +0000

[...] Line heights needn”t have a specific unit. A line height of “1.5″, for example, will simply assume you meant “1.5 times my font size.” For more on this phenomenon, visit Eric Meyer”s article on Unitless Line Heights. [...]

By: CSS line height and Internet Explorer 7 dutchwrestling. the website of marijn tijhuis

Sun, 23 Aug 2009 08:32:01 +0000

[...] puzzles me, because webdesign guru’s like Eric Meyer and Roger Johanson wrote about it. I couldn’t find any info on IE7 specific and [...]