Question

I want to center a graphic in a css pseudo class but it doesn’t work. I tried the following:

#login .login:before {
    content: url('../images/lglp.png');
    display: inline-block !important;
    margin: 0 auto !important;
}

Has anyone an idea?

You can see it here in live!

Answer 1

If i understand correct what you want, you have to give the width and change the display from inline-block to block

#login .login:before {
    content: url('../images/lglp.png');
    display: block;
    margin: 0 auto;
    width:32px;
}

width has to be the image width