×

×

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:

​x
 
<!DOCTYPE html><html><head><style>​</style></head><body>​<h1>This is a Heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p>​</body>​</html>​

Result:

Correct Code:

xxxxxxxxxx

Result:

CSS Selectors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Selectors Tutorial

CSS How To...

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS How To... Tutorial

CSS Background

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Background Tutorial

CSS Border

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Border Tutorial

CSS Margin

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Margin Tutorial

CSS Padding

Exercise 1 Exercise 2 Exercise 3 Go to CSS Padding Tutorial

CSS Height/Width

Exercise 1 Exercise 2 Go to CSS Height/Width Tutorial

CSS Box Model

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Box Model Tutorial

CSS Outline

Exercise 1 Exercise 2 Exercise 3 Go to CSS Outline Tutorial

CSS Text

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Text Tutorial

CSS Font

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Font Tutorial

CSS Links

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Links Tutorial

CSS Lists

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Lists Tutorial

CSS Tables

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Tables Tutorial

CSS Display/Visibility

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Display/Visibility Tutorial

CSS Positioning

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Positioning Tutorial

CSS Overflow

Exercise 1 Exercise 2 Exercise 3 Go to CSS Overflow Tutorial

CSS Align

Exercise 1 Exercise 2 Go to CSS Align Tutorial

CSS Combinators

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Combinators Tutorial

CSS Pseudo-classes

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Pseudo-classes Tutorial

CSS Pseudo-elements

Exercise 1 Exercise 2 Exercise 3 Go to CSS Pseudo-elements Tutorial

CSS Opacity

Exercise 1 Exercise 2 Go to CSS Opacity Tutorial

CSS Attribute Selectors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Attribute Selectors Tutorial

CSS Rounded Corners

Exercise 1 Exercise 2 Go to CSS Rounded Corners Tutorial

CSS Border Images

Exercise 1 Exercise 2 Go to CSS Border Images Tutorial

CSS Backgrounds

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Backgrounds Tutorial

CSS Colors

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Colors Tutorial

CSS Gradients

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Go to CSS Gradients Tutorial

CSS Shadow Effects

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Shadow Effects Tutorial

CSS Text Effects

Exercise 1 Exercise 2 Exercise 3 Go to CSS Text Effects Tutorial

CSS Web Fonts

Exercise 1 Exercise 2 Go to CSS Web Fonts Tutorial

CSS 2D Transforms

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS 2D Transforms Tutorial

CSS 3D Transforms

Exercise 1 Exercise 2 Exercise 3 Go to CSS 3D Transforms Tutorial

CSS Transitions

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to CSS Transitions Tutorial

CSS Animations

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Go to CSS Animations Tutorial