Preview:
<div class="m1 input-container">
    <label class="input-label error-label" for="error-name">Username</label>
    <input id="error-name" class="error-field" type="text" placeholder="Username">
    <span class="validation-error">Not valid</span>
</div>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter