Horizontal SVG alignment

I'm trying to align this svg alongside my nav bar, but can't figure out why the svg that's wrapped around an html button isn't being centered, so far what i've done is use the dev tools to try to see if my container wasn't aligned to the center and it is, next I tried setting the button's display to flex, and used the align-content and the justify-content properties and it didn't work either. https://codepen.io/emberavenge/pen/BaGKVqP
5 Replies
croganm
croganm2y ago
Instead of saying inline it needs to say flex
croganm
croganm2y ago
croganm
croganm2y ago
Also Because there's a button in between the SVG and li tag We need to also flex the button
croganm
croganm2y ago
Ember
EmberOP2y ago
Thanks That's what I figured more or less
Want results from more Discord servers?
Add your server