I always had this question in my mind and never managed to answer it.

How do you position text regarding other elements? Let's say you want to have a block of text, a heading block of text, at 16 pixels from another element. You strip the line spacing (aka line-height) on the text and move the block 16 pixels or keep the line spacing and move the block 16 pixels which will result the block of text being further away from the previous element. Please see the attached picture for clarification.

enter image description here

What is the best practice for my problem? I am also thinking if going no line spacing will influence some way the development, even if a tool like Zeplin is used.

Thank you

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.