<div class="figure-wrapper">
  <figure
    aria-label="Two filled textfields next to each other. The first has a label of Username and the outlined one has a label of Password"
    style="padding-block: 16px; gap: 16px"
  >
    <md-filled-text-field label="Username" type="email"></md-filled-text-field>
    <md-filled-text-field label="Password" type="password"></md-filled-text-field>
  </figure>
</div>
