248
CSS Humor (lemmy.world)

you are viewing a single comment's thread
view the rest of the comments
[-] captainjaneway@lemmy.world 25 points 7 months ago* (last edited 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 3 points 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

this post was submitted on 26 Mar 2024
248 points (94.3% liked)

Programmer Humor

32426 readers
986 users here now

Post funny things about programming here! (Or just rant about your favourite programming language.)

Rules:

founded 5 years ago
MODERATORS