1
<!doctype html>
2
<title>Example</title>
3
<style>
4
  .myForm {
5
    display: grid;
6
    grid-template-columns: [labels] auto [controls] 1fr;
7
    grid-auto-flow: row;
8
    grid-gap: .8em;
9
    background: #eee;
10
    padding: 1.2em;
11
  }
12
  .myForm > label  {
13
    grid-column: labels;
14
    grid-row: auto;
15
  }
16
  .myForm > input,
17
  .myForm > textarea,
18
  .myForm > button {
19
    grid-column: controls;
20
    grid-row: auto;
21
    border: none;
22
    padding: 1em;
23
  }
24
</style>
25
<form class="myForm">
26
  <label for="customer_name">Name </label>
27
  <input type="text" name="customer_name" id="customer_name" required>
28
  <label for="email_address">Email </label>
29
  <input type="email" name="email_address" id="email_address">
30
  <label for="comments">Comments</label>
31
  <textarea name="comments" id="comments" maxlength="500"></textarea>
32
  <button>Submit</button>
33
</form>