Pasted

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>        
            .err { display: inline-block; position: relative; }
            .err:before {
                  content: "~~~~~~~~~~~~";
                  font-size: 0.6em; font-weight: 700; font-family: Times New Roman, Serif; color: red; width: 100%;
                  position: absolute; top: 12px; left: -1px; overflow: hidden;                  
            }            
            .err_moz { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: red; }
        </style>
    </head>
    <body>
        <div>
            A boy whose name was Peter was<span class="err">woking</span> down the street
        </div>
        <div>
            A boy whose name was Peter was<span class="err_moz">woking</span> down the street
        </div>
    </body>
</html>