×
×
Correct!

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

<style> p::before { content: url('smiley.gif'); } p::after { content: url('smiley.gif'); } </style> <body> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body>

Not Correct

Click here to try again.

Correct!

<style>
p::before {
  : url('smiley.gif');
}
p::after {
  : url('smiley.gif');
}
</style>

<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>

  
  
  




×

Reset the Score?

This will reset the score of ALL 138 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 138 CSS exercises.

Share your score:



Get Certified!

Take our CSS Developer Certificate to prove that you have fundamental knowledge of web development using CSS.