<!DOCTYPE html>
<title>CSS aspect-ratio reference: select elements</title>
<!-- WebKit uses quirky em in user agent sheet for margins of select, avoid it -->
<style>
  select {
    margin: 0px;
  }
</style>
<select style="height: 50px; width: 50px; background: green;">
  <option value=""></option>
</select>
<br>
<select style="height: 50px; width: 50px; background: green;">
  <option value="">The long text is selected</option>
</select>
<br>
<select style="height: 50px; width: auto; background: green;">
  <option value="">The long text is selected</option>
</select>
