CSS: перед контентом - используйте изображение и добавьте обертывание

Question

Как добавить разрыв строки после содержимого изображения? Моя КСС ниже, ее не работает:

#login-window:before { 
    content: url(images/logo.png),"\a"; 
} 

Answer 1

Я получил его Работа , используйте пробел между каждым элементом, затем используйте pre-wrap.

#login-window:before { 
    content: url(images/logo.png) "\a"; 
    white-space: pre-wrap; 
} 

Answer 2

Держите содержание пустой и стиль его, как вы бы нормальный ДИВ:

#login-window:before { 
    background: url(images/logo.png) no-repeat; 
    content: ''; 
    display: block; 
    height: 50px; 
    width: 50px; 
} 

Answer 3

Это не работает, потому что свойства CSS не читают регулярные выражения таким образом, так как вы управляете псевдо-элемент, который вы должны оставить его пустым содержание и изменить отображение, если вы хотите разрыв строки вы должны делать что-нибудь, как это:

#login-window:before { 
    content: ''; 
    background: url(images/logo.png) no-repeat; 
    display: block; 
    height: 80px; /* Set it to your needs */ 
    width: 80px; /* Set it to your needs */ 
    padding-bottom: 12px; /* To leave a blank space inside the box*/ 
}