: How to work with text line height in Adobe Photoshop to create proper margin between text and content below? My question is about using Photoshop for a web design. For an example, let's say

@Miguel516

Posted in: #AdobePhotoshop #LineHeight #Typography #WebFonts

My question is about using Photoshop for a web design.

For an example, let's say that we have text header "Hello World! second line it’s a test line" and image right below that text. Just for an this example, text is as double-row.

Header text properties are:
Font size: 24px
Line height: 32px


And distance between text and image should be 22px.

But it is just a size between baseline of text and the top of the image.



Actually when line height is 32px distance between text and image should be 14px in CSS to achieve needed 22px value.

Here is html/css example: codepen.io/nfxpnk/pen/xpvYNE


Main question is how to measure that 14px distance in Photoshop? Is there any way in Photoshop to highlight text height consider to the line height value?

Thank you.

Vote Up Vote Down

Login to post a comment!