Horizontally Centering DIV

Support
#1

Hi there,

I have got a sliced image in the content container. But I am struggling to center it.

Thanks,

#2

Hi ,

Please update this code:

.card-icon {
    background-image: url(https://www.rearocommercial.co.uk/wp-content/uploads/2019/07/Footer-Sprite.png);
    background-repeat: no-repeat;
    background-size: 85%;
    float: left;
    width: 100%;
    max-width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
}

to

.card-icon {
    background-image: url(https://www.rearocommercial.co.uk/wp-content/uploads/2019/07/Footer-Sprite.png);
    background-repeat: no-repeat;
    background-size: 85%;
    width: 100%;
    max-width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
    display: inline-block;
}

Then add a text-align: center; to the div that wraps the icons:

Hope this helps.

#3

Great thanks

#4

You’re welcome. Glad we’re able to help.

#5

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