Why arent my child elements aligning center

I have a parent element ‘nav row’ ‘top’ (which is a combo class of ‘nav row’) in which the div is aligned center… as opposed to ‘nav’ which is align left.

However the combo class div isn’t aligning center and is still aligning left. Im sure this is a simple ffix and i’m missing something.

https://preview.webflow.com/preview/inkfndry?preview=26bcfd6d07cd5a400b5b3f8d2e097811


Here is my public share link: LINK
(how to access public share link)

Hi.

The div dosen’t have an aligne center property for its content. Rather, it has a property to center TEXT. And in CSS, this property also, most of the time, centers the content that has a display:inline-block property.

So give a class to each image inside the nav block and set them to display:inline block, they’ll center.

http://vincent.polenordstudio.fr/snap/2jk4r.jpg

But you can also center them properly with CSS by adding margins:auto, or clicking themagic button on Webflow:

http://vincent.polenordstudio.fr/snap/bg4fq.jpg

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.