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

You may like these posts

• 
  :last-child:before With Column-count Behaving Differently In Chrome And Firefox
• 
  Pseudo-element Css Dynamically Using Javascript
• 
  What Is The ::before Or ::after Expression, And Why Is It Shown In The Browser Developer Tools?
• 
  Pseudo Elements Breaking Justify-content: Space-between In Flexbox Layout