DEV Community

Cover image for [EASY] How to center an object or Image using HTML and CSS flex | IT Rebels
kritik sah
kritik sah

Posted on

[EASY] How to center an object or Image using HTML and CSS flex | IT Rebels

#html #css #codenewbie #beginners

How to center an element horizontally and vertically

Flexbox method

    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

masteing_the_code profile image

Why do modern projects prefer Microservices architecture?

Joel Jose -

whitep4nth3r profile image

Why don’t we talk about minifying CSS anymore?

Salma Alam-Naylor -

_estheradebayo profile image

Panda CSS Conditions

Esther Adebayo -

michaeltharrington profile image

What are you learning about this weekend? 🧠

Michael Tharrington -