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

• 
  Css Box Model Does Not Stretch Using Padding
• 
  How To Split Page Into 4 Equal Parts?
• 
  How Do I Make This Youtube Video Clickable (css + Z-index)?
• 
  Display Image Over Image Css