+ 3

How to align names in HTML form?

Hi everybody! I am learning HTML. I want to know how to align names in forms. The code I am using is: <!DOCTYPE html> <html> <head> <title>My Blog</title> <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet"> </head> <body>  <div class="section"> <h1><span>Contact Me</span></h1> <form> Name: <input name="name" type="text" /><br/> Email: <input name="email" type="email" /><br/> Message: <textarea name="message" ></textarea> <input type="submit" value="SEND" class="submit" /> </form> </div>  </body> </html> The names(Name,email,message) appear out of alignment.How can I correct it? I am using Solo Learn online HTML editor https://code.sololearn.com/1149/#html

html forms

4th Aug 2018, 12:15 PM

Sanyog Jain

3 ответов

+ 2

You should add label tag to Name, Email and Message and add style to label label { display: inline-block; min-width: 80px; } https://code.sololearn.com/WaLyIVgAIhnw/?ref=app

4th Aug 2018, 1:18 PM

Calviղ