Menu
×
×
Correct!

Exercise:

Insert the image "smiley.gif" before, and after <p> elements, using the ::before and ::after pseudo-elements.

Hint: Use the content property with the ::before and ::after pseudo-elements.

Edit This Code:
Result:
Correct Code:
Result:
Go to w3schools.com
Reset Score
Close This Menu

 

CSS Selectors
CSS How To...
CSS Background
CSS Text
CSS Font
CSS Links
CSS Lists
CSS Tables
CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding
CSS Dimension
CSS Display/Visibility
CSS Positioning
CSS Horizontal Align
CSS Combinators
CSS Pseudo-classes
CSS Pseudo-elements
CSS Image Opacity / Transparency
CSS Attribute Selectors
CSS Rounded Corners
CSS Border Images
CSS Backgrounds
CSS Colors
CSS Gradients
CSS Shadow Effects
CSS Text
CSS Web Fonts
CSS 2D Transforms
CSS 3D Transforms
CSS Transitions
CSS Animations





×

Reset the Score?

This will reset the score of ALL 134 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 134 CSS exercises.

Share your score on facebook: