How to put a waved line under misspelled words HTML

by

If you don’t wanna use a gif for the curly underline, you can do it by pure css:

<span style="border-bottom: 1px dotted #ff0000;padding:1px">
    <span style="border-bottom: 1px dotted #ff0000;">
        foobar
    </span>
</span>

(Or run in JSFiddle)

More Related Contents:

  1. How do I access the link to the content? [closed]
  2. javascript “if” statement returning false value when both values are equal
  3. How to detect if JavaScript is disabled?
  4. How to get an HTML element’s style values in javascript?
  5. Detect all changes to a (immediately) using JQuery
  6. How to set an iframe src attribute from a variable in AngularJS
  7. When should I use Inline vs. External Javascript?
  8. Using HTML5/JavaScript to generate and save a file
  9. Disable form auto submit on button click
  10. Pass vars to JavaScript via the SRC attribute
  11. Convert SVG to PNG with applied images as background to svg elements
  12. Get caret position in HTML input?
  13. HTML input type=file, get the image before submitting the form
  14. How to ensure a form field is submitted when it is disabled?
  15. jQuery: how to change tag name?
  16. Use a new CSS file to override current website’s
  17. In Javascript, how do I “clear” the back (history -1)?
  18. Remove x-axis label/text in chart.js
  19. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  20. Onresize for div elements?
  21. WebRTC video is not displaying
  22. HTML canvas – drawing disappear on resizing
  23. Is there a way to curve / arc text using CSS3 / Canvas
  24. How do I edit PHP variable with JavaScript/jQuery?
  25. Javascript make audio blob
  26. Rendering MJpeg stream in html5
  27. Web SQL Database + Javascript loop
  28. How to detect shape on a transparent canvas?
  29. HTML5 Video autoplay with sound unmuted
  30. How do I put a clear button inside my HTML text input box like the iPhone does?

Leave a Comment