Before Pseudoelement In Chrome

It appears to me that Chrome does not treat 'before' pseudoelement as a part of an element. More precisely, I have CSS definition .myclass:before{content:'A';} and HTML code

Solution 1:

It seems that you can work around it with:

.myclass {
    display: inline-block
}

http://jsfiddle.net/SUKYw/

Looks like a Chrome bug - Safari does not have the same problem.

Share