display property

You can make "inline" elements into "block" by setting the display property!

label {
  display: block;
}
Example 3.45 - Form - Example 3.45
 
 <form method="post" action="https://cs12.net/form/submit.php">
   <label>Name:
     <input type="text" name="name"/>
   </label>
   <label>Email Address:
     <input type="email" name="email"/>
   </label>
   <button type="submit">Submit   </button>
 </form>

In style element (<style>) within head element:


  label { display: block; margin-top: 1rem;}
  input { display: block;}
  button { display: block; margin-top: 1rem;}