• Captain Janeway@lemmy.world
    link
    fedilink
    arrow-up
    26
    arrow-down
    1
    ·
    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
      3
      ·
      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

  • CaptDust@sh.itjust.works
    link
    fedilink
    arrow-up
    20
    ·
    edit-2
    7 months ago

    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

  • hakunawazo@lemmy.world
    link
    fedilink
    arrow-up
    4
    arrow-down
    1
    ·
    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.