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 ::first-letter On Textarea Does Not Work
• 
  Pseudo-element Css Dynamically Using Javascript
• 
  Custom Ul Bullet With Pseudo-selector And Alignment
• 
  Hover Popup Causes Main Div To Expand