Implementing paragraph spacing

Hi everyone!

I just received a Figma design using paragraph spacing and texts with a lot of line breaks in it. For example, a multiline catch phrase is made using line breaks and paragraph spacing.

Problem is, as I’ve come to understand it, there’s is no good way to implement paragraph spacing as such in CSS. The one solution I can come up with is to add all the lines as separate paragraphs/elements inside a div and give the div a gap property, that would replicate the behaviour.

As the paragraph spacing isn’t included in the CSS properties when developers look at the design in dev-mode, this was initially missed out and now I’m considering going back to the designer and asking them to redo everything without paragraph spacing.

Does anyone have a better idea?

1 Like