## 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" enctype="application/x-www-form-urlencoded"><label>Name: <input type="text" name="name"/></label><label>Email Address: <input type="email" name="email"/></label><button type="submit"> Submit </button></form> label { display: block; margin-top: 1rem;} input { display: block;} button { display: block; margin-top: 1rem;}

- Markup
- Style
- Display

     <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;}

Name: Email Address: