css - css疑似要素を使用してグラフィックを中央に配置します

Question

グラフィックをcss疑似クラスの中央に配置したいのですが、機能しません。私は次のことを試しました：

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

誰かアイデアはありますか？

ここでライブで見ることができます！

Answer 1

私があなたの望むものを正しく理解している場合は、 を与えて をからにwidth変更する必要がありますdisplayinline-blockblock

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

width画像の幅でなければなりません