YoorWeb@lemmy.world to Programmer Humor@lemmy.ml · 11 months agoCSS Humormessage-squaremessage-square3fedilinkarrow-up12arrow-down10file-text
arrow-up12arrow-down1message-squareCSS HumorYoorWeb@lemmy.world to Programmer Humor@lemmy.ml · 11 months agomessage-square3fedilinkfile-text
minus-squareCaptain Janeway@lemmy.worldlinkfedilinkarrow-up1·edit-211 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
#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