I cant center the div

[damienrenette]

I have div inside of another div and I cant align it in the center horizontally. I thought that displaying the “LEXIGTON AVE. LOS ANGELES” block as inline-block and adding margin: 0 auto to it would do the job, but it doesnt. I basically want this text to be in the middle (only horizontally) Thanks!

https://codepen.io/damienrenette/pen/MEpzyX

[Paulie_D]

Elements with display:inline-block act like text and are centered by applying text-align:center to their parent element.

However, since you are using flexbox, the display property you are using is essentially ignored and centering of that would be achieved by applying justify-content:center to the parent.

https://codepen.io/Paulie-D/pen/jGBdQm

[damienrenette]

Wow, you are a great guy! Really helped me with understanding of the code. I am really trying to understand it myself but sometimes I just do not know where am I mistaken. Thanks a lot Paulie_D!

[Author]

Posts