<div class=" m-y-8 flex flex-column"> <label class="m-y-4 ">Email:</label> <input type="email" class="width-scaled4-8 pd-4 border-1 border-solid border-black-700 text-s rounded-s text-color-grey-9 " placeholder="Email Id"> </div> <div class="m-y-8 flex flex-column"> <label class="m-y-4">Email:</label> <input type="email" class=" width-scaled4-8 pd-4 border-1 border-solid border-black-700 text-s rounded-s text-color-grey-9" placeholder="Email Id"> <span class="text-color-red-5 m-y-3">*Invalid Input </span> </div> <div class="m-y-8 flex flex-column"> <label class="m-y-4">Email:</label> <input type="email" class=" width-scaled4-8 pd-4 border-1 border-solid border-black-700 text-s rounded-s text-color-grey-9" placeholder="Email Id"> <span class="text-color-green-6 m-y-3">*Valid Input </span> </div>
Preview:
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