How to center an element in css

HTML-CSS
1

I want to center an element without writing any code for the parent.
I know
display:flex;
btw.
But it is for the parent not for the particular element.
THANKS

2

i suggest you look into https://www.w3schools.com/css/css_align.asp as this topic is not as simple as it may seem, but the short answer, which can work in majority of cases is set the element margin to auto

3

Thanks a lot. Okay .

4

you can use
justify-content : center;

5

Does it apply to the parent of to the element itself

6

But it didn’t work for me.

7

Didn’t work for me :frowning:

8

justify-content can be applied to the child, when its parent have display: flex. Maybe if you give us a glimpse of your code with css for the parent and child, we can decide on whats the best solution for you

9

Oh! Okay!
Now I get it!
Thanks!

10

just set display:flex;

11

Thanks a lot, this is what I wanted, thanks

1 Like
12

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