• Captain Janeway@lemmy.world
    link
    fedilink
    arrow-up
    0
    ·
    edit-2
    7 months ago
    #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

    • ensignrolaren@lemmy.world
      link
      fedilink
      arrow-up
      0
      ·
      7 months ago

      I came here to post this and I wouldn’t have clogged up the thread with this useless comment except for your username. I salute you

  • hakunawazo@lemmy.world
    link
    fedilink
    arrow-up
    0
    ·
    7 months ago

    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.