text-decoration-invalidation-expected.html 608 B

12345678910111213141516171819
  1. <!DOCTYPE html>
  2. <style>
  3. div {
  4. display: block;
  5. width: 400px;
  6. height: 100px;
  7. color: blue;
  8. }
  9. #underlineHover {
  10. text-decoration: underline;
  11. }
  12. </style>
  13. <div id="underlineHover">
  14. <span>When</span> <span>hovered, </span><span>there</span> <span>should</span> <span> be </span> <span>no</span> <span>gaps</span> <span>in</span> <span>the</span> <span>underline.</span>
  15. </div>
  16. <div id="underlineNoHover">
  17. <span>When</span> <span>not hovered, </span><span>there</span> <span>should</span> <span> be </span> <span>no</span> <span>underlines.</span>
  18. </div>