Inline the label with the input horizontally and the inputs vertically - HTML CSS CSS Form

HTML CSS examples for CSS Form:input label

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input label

Description

Inline the label with the input horizontally and the inputs vertically

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from  w w  w.  ja  v a 2  s .co m-->
 <body> 
  <article id="login"> 
   <h1>Lorem</h1> 
   <p> <label>Lorem i</label> <input type="email"> </p> 
   <p> <label>Lorem ips</label> <input type="password"> </p> 
   <input type="button" value="Login"> 
  </article>  
 </body>
</html>

Related Tutorials