<html> <head> <title>Inline Forms</title> </head> <body> <style> .custom_form { font-family:arial; font-size: 14px; padding: 8px;; border-radius: 2px; } .label { padding: 0; font-size13px; font-weight: bold; font-style:italic; } .custom_button { padding: 10px; border-radius:2px; background: #0099da; color:#FFF; border: none; font-weight: bold; } .custom_button:hover { background:#074e68; cursor: pointer; } </style> <form class="custom_form" method="post" action=""> <p> <label class="label">Email</lable> <input type="email" name="email_id" class="custom_form" placeholder="example@gmail.com" required> <label class="label">Password </lable> <input type="password" name="pass" class="custom_form" placeholder="Password" required> <button class="custom_button">Log In</button> </p> </form> </body> </html>
Output :
Topic :
Inline Forms
