Exercise v2.2

Exercise:

Position the <div> element all the way to the right using absolute positioning.

Hint: Use the position and right properties.

<!DOCTYPE html>
<html>
<head>
<style>
div {
    width: 300px;
    background-color: #b0e0e6;
}
</style>
</head>
<body>

<div>
  <p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.</p>
  <p>'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
div {
    position: absolute;
    right: 0px;
    width: 300px;
    background-color: #b0e0e6;
}
</style>
</head>
<body>

<div>
  <p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.</p>
  <p>'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>
</div>

</body>
</html>

Exercise:

Position the <div> element all the way to the right using absolute positioning.

Top Tutorials

Top References

Top Examples

Web Certificates