hakunawazo,

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.

MilderRichter,
some_guy,

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

captainjaneway,
@captainjaneway@lemmy.world avatar

<span style="color:#323232;">#moustache {
</span><span style="color:#323232;">  position: absolute;
</span><span style="color:#323232;">  bottom: 10px;
</span><span style="color:#323232;">  margin: 0 auto;
</span><span style="color:#323232;">}
</span>

If that doesn’t work:


<span style="color:#323232;">#moustache {
</span><span style="color:#323232;">  position: absolute;
</span><span style="color:#323232;">  bottom: 10px;
</span><span style="color:#323232;">  left: 50%;
</span><span style="color:#323232;">  transform: translateX(-50%);
</span><span style="color:#323232;">}
</span>

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,

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

desmosthenes,
@desmosthenes@lemmy.world avatar

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

YoorWeb,

Probably on purpose.

desmosthenes,
@desmosthenes@lemmy.world avatar

oh 100%

CaptDust, (edited )

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

lurch,

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

bleistift2,

It’s a typo. The colon should be a semicolon. But since it’s the last declaration, it’s optional.

hibsen,

I don’t think bottom is a valid value for the position property either.

bleistift2,

Yep, and align isn’t a real property, either.

hibsen,

How deep does this rabbit-hole go?!

xmunk,

And yet someone on the internet would unsarcastically comment that just adding flex-box would fix it.

micka190,

It’ll just get ignored. I saw a fucking padding: 0.0.3rem at work today, and it just broke the one class.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • programmerhumor@lemmy.ml
  • tacticalgear
  • DreamBathrooms
  • khanakhh
  • mdbf
  • InstantRegret
  • magazineikmin
  • everett
  • cubers
  • rosin
  • Youngstown
  • slotface
  • ngwrru68w68
  • kavyap
  • thenastyranch
  • JUstTest
  • modclub
  • Durango
  • GTA5RPClips
  • cisconetworking
  • osvaldo12
  • ethstaker
  • Leos
  • tester
  • anitta
  • normalnudes
  • provamag3
  • megavids
  • lostlight
  • All magazines