1
<!doctype html>
2
<title>Example</title>
3
<style>
4
  .wrapper {
5
    background-color: whitesmoke;
6
    list-style-type: none;
7
    padding: 0;
8
    border-radius: 3px;
9
  }
10
  .form-row {
11
    display: flex;
12
    justify-content: flex-end;
13
    padding: .5em;
14
  }
15
  .form-row > label {
16
    padding: .5em 1em .5em 0;
17
  }
18
  .form-row > input {
19
    flex: 1;
20
  }
21
  .form-row > input,
22
  .form-row > button {
23
    padding: .5em;
24
  }
25
  .form-row > button {
26
   background: gray;
27
   color: white;
28
   border: 0;
29
  }
30
</style>
31
<form>
32
  <ul class="wrapper">
33
    <li class="form-row">
34
      <label for="name">Name</label>
35
      <input type="text" id="name">
36
    </li>
37
    <li class="form-row">
38
      <label for="townborn">Town you were born in</label>
39
      <input type="text" id="townborn">
40
    </li>
41
    <li class="form-row">
42
      <label for="email">Email Address</label>
43
      <input type="email" id="email">
44
    </li>
45
    <li class="form-row">
46
      <button type="submit">Submit</button>
47
    </li>
48
  </ul>
49
</form>