cssline-breaks

Is there a way a white-space: pre-wrap; text's next line spacing can be larger?


I have some text that I have using

white-space: pre-wrap;

It looks good but I'd like to increase the spacing for next lines in the text. Is there a way to do this?

Example:

Hello. 
World.

Expected result:

Hello.

World.

Solution

  • Not really. You can use line-height, but this will also add spacing to the top of the first line. You can try to alter the position of the whole block with a negative top margin and a position relative.

    white-space: pre-wrap;                
    line-height: 30px;
    position: relative;
    top: -15px;
    

    Hope this helps.