Exercise v2.2

×

×

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:

CSS Syntax

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to CSS Syntax 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

Exercise 1 Exercise 2 Exercise 3 Go to CSS Text 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