Related form fields

by Carson Evans

HTML

<fieldset>
  <legend>My date of birth is</legend>
  
  <label class="sr-only" for="month">Month</label>
  <select id="month" name="month">
    <option value="-1">month</option>
    <option value="jan">January</option>
    <option value="feb">February</option>
  </select>
  
  <label class="sr-only" for="day">Day</label>
  <input type="text" id="day" name="day" placeholder="day">
  
  <label class="sr-only" for="year">Year</label>
  <input type="text" id="year" name="year" placeholder="year">
</fieldset>

CSS

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

fieldset {
  border: none;
}

legend {
  float: left;
  margin-right: 5px;
}