gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
d01985b6b29b40b2772b5351b809aeafecbb9037
freeCodeCamp/guide/english/certifications/responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets/index.md
Randell Dawson 1494a50123 fix(guide): restructure curriculum guide articles (#36501) 
* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions
2019-07-24 13:29:27 +05:30

789 B
Raw Blame History

title
title
Move a Relatively Positioned Element with CSS Offsets

Move a Relatively Positioned Element with CSS Offsets

Hints

Hint 1

Use the left property for offsetting the element right.

Hint 2

Use the bottom property for offsetting the element top.

Solutions

Solution 1 (Click to Show/Hide) 
<head>
<style>
  h2 {
    position: relative;
    left: 15px;
    bottom: 10px;
  }
</style>
</head>
<body>
  <h1>On Being Well-Positioned</h1>
  <h2>Move me!</h2>
  <p>I still think the h2 is where it normally sits.</p>
</body>

Code Explanation

  • The h2{} selects the h2 element.
  • left: 15px; offsets the h2 15px to the right.
  • bottom: 10px; offsets the h2 10px to the top.