CSS Humor

I refuse to believe that's CSS. What is that colon at the end even?

came to hate on this code; it’s not valid lol

#moustache {
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
}

If that doesn't work:

#moustache {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

Relative positioning is preferred but not always available if the parent face is positioned absolutely.

Edit: adjusted bottom from 0 -> 10px since 0 would be at the bottom of the chin but there is obviously some padding to bring it nearer the lip

Moustache seems generic for an id, maybe you meant to apply as .moustache? Let's keep things consistent please

Edit: center also seems unnecessary, in the beta moustaches are already aligned as a child of .facial-hair

Hahaha. First true boisterous laugh of the day. Thanks!

Just use JS and get X Y position of nose and put it a few pixel below. So it would be still valid if the nose moves.