title: How to create multiple overlapping underlines under different subsections of text
body: <p>I want to create a feature where users can annotate different subsections of a text. When an annotation has been made an underline will show under that part of the text. How could I create this effect with HTML/CSS?</p>
  
  <p><img src="https://i.stack.imgur.com/pO780.png" alt="Underlining effect"></p>