Tinkering with line height

I’m very fond of tinkering with the format and layout of my blog! My previous post is somewhat rambling and I wasn’t too happy with the line spacing – it just seemed too spaced out. The solution was straightforward. Simply wrap the text of the post in the following:


<div style="line-height: 130%;">
blah blah blah........
blah blah blah........
blah blah blah........
</div>

For comparison, see below for how the line spacing of the main paragraph would look if it was given the same treatment.

I’m very fond of tinkering with my blog. My previous post is somewhat rambling and I wasn’t too happy with the line spacing – it just seemed too spaced out. The solution was straightforward. Simply wrap the text of the post in the following:

For blogs which use a different font and font size, the 130% may need to be revised. Interestingly, when I look behind the scenes, the original text has a line height of 1.75em whilst the formatted text has a line height of 130%. Now “em” is a typographic unit of measurement that is harder to understand than Einstein’s Theory of Relativity, so I’m happy to stick with using a percentage to alter line height.

[As an aside, I had to tinker with the height of the robot image in order to make it a square image (don’t ask) so this post is about height in more than one way.]

Have your say!

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s