Select with unchanged label

by Marion Hurteau

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
<p>
Wow, I'm some text
</p>

<label class="pouet">
  <select>
    <option>Apples</option>
    <option>Pineapples</option>
    <option>Chocklate</option>
    <option>Pancakes</option>
  </select>
</label>

CSS

.pouet {
  position: relative;
  display: block;
}

.pouet::after {
  content: "Trier par";
  position: absolute;
  top: 8px;
  left: 12px;
}

select {
  
}