Let's learn how to position elements relative to their original position.

In the webpage below, an em element containing jumped is 30px above its original position in the sentence He jumped to conclusions..

<html> <head> <style> p { background-color: #ffc19e; border: 2px solid oldlace; margin: 40px 0 40px 0; padding: 0 5px 0 5px; } em { position: relative; bottom: 30px; } </style> </head> <body> <div class="parent"> <p>He <em>jumped</em> to conclusions.</p> </body> </html>]]>