Highlighting text in the browser?

Question

css

Good afternoon. I have this code Link to jsfiddle when selecting text (Chrome browser) I get ugly layering like in the picture How can I fix this? The text should be at the same distance (i.e. lines close to each other). Preferably with one title.

Answer 1

line-height is less than 1, set it to 1 and use margin-bottom