Pen highlighter effect in css

Question

I want to create a highlight effect that resembles a highlight made with a pen. i.e. it has wavy tops and bottoms and a rough start and end, like in this picture.

Answer 1

If you're not limited to sub-HTML5 available tags, you could also use the ... tag introduced in HTML5:

    
        
    
    
        

            This is some text that's been highlighted.