Set line height in Html

to make the html looks like a office word when

has different font sizes

How to set the line height in ONE html tag <p>, when this <p> have two different font sizes?

If I set the <p style="line-height:120%"> …. </p>, then the whole <p> will only have one line height.

But I hope it will behave like the Microsoft Office Word/(and Google Doc). i.e.: different contents with different font sizes will have different line height.

Is it possible for <p> to achieve that effect? Or do I have to do this line by line, like Google Doc? Is there any easier way?

Leave a Comment