CSS: Background-color on multi-line text?

Question

Do you have an idea to add a \"background-color\" property on a multi-line text, with two difficulties:

• Background must stop after the last word of each line

Answer 1

Getting it perfect with pure CSS is difficult and only achievable under certain conditions. For example, if you use breaks and set the line-height to big, you'll see gaps in between. And what about the padding around the sides?

Also, you'll need spans and that will just uglify your markup.

Luckily Sam Croft came up with a simple jQuery plugin to counter this. It's quick, light and works under most conditions.

Article: http://samcroft.co.uk/2011/jquery-plugin-for-inline-text-backgrounds/

Demo: http://samcroft.co.uk/demos/inline-backgrounds/

Source: https://github.com/samcroft/css-inline-backgrounds/blob/master/inline-backgrounds.js