<p>
  <label for="name">Name</label>
  <input type="text" id="name" autocomplete="name">
</p>
<p>
  <label for="country">Country</label>
  <input type="text" id="country" autocomplete="country">
</p>
<p>
  <label for="email">Email</label>
  <input type="email" id="email" autocomplete="email">
</p>

body {
  padding: var(--metric-box-spacing);
}
p {
  margin-block-end: var(--metric-box-spacing);
}
label {
  display: block;
}