Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
line-height

5 Articles
{
,

}
Direct link to the article How to Tame Line Height in CSS
google fonts line-height Sass typography

How to Tame Line Height in CSS

In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that …

Avatar of Caleb Williams
Caleb Williams on May 15, 2020 (Updated on Jul 9, 2020)
Direct link to the article The Equilateral Triangle of a Perfect Paragraph
color font-size line length line-height typography

The Equilateral Triangle of a Perfect Paragraph

Still, too many web designers neglect the importance of typography on the web. So far, I’ve only met a few that really understand typography and know how to apply that knowledge to their work. And the lack of knowledge about …

Avatar of Matej Latin
Matej Latin on Jun 9, 2017
Direct link to the article Deep dive CSS: font metrics, line-height and vertical-align
line-height typography vertical-align

Deep dive CSS: font metrics, line-height and vertical-align

Vincent De Oliveira has written an epic post that details pretty much everything you might ever want to know about the line-height and vertical-align properties. If you’ve ever had trouble aligning things next to text or wondered why two fonts …

Avatar of Robin Rendle
Robin Rendle on Feb 24, 2017
Direct link to the article Unitless or not unitless?
line-height

Unitless or not unitless?

Matt Smith:

You should always specify line-height as a unitless number (say this into the mirror five times). That way descendent elements that specify a different font size will inherit that number instead of a fixed line height.

Counterpoint …

Avatar of Chris Coyier
Chris Coyier on Feb 8, 2017
Direct link to the article Molten Leading in CSS
line-height molten leading responsive typography

Molten Leading in CSS

Dave and I started the latest ShopTalk Show with an audio clip from Tim Brown responding to some of our previous chatter regarding vertical rhythm (and such). Transcription here. It sparked another interesting conversation about these things.

A small …

Avatar of Chris Coyier
Chris Coyier on Jun 2, 2016

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top