Not and issue I can wright the code I just don't understand the theory
This is not a code issue, I can follow the steps and affect the div by using the correct CSS syntax but I don't understand the theory behind it. Specifically I don't understand what reference means in the following paragraph.
When you give CSS a positive padding or margin value, it puts that space between the element and its reference: for instance, if you have a
<div> and you give it a margin-left of 20px, it puts twenty pixels between the left margin of that
<div> and the side of the screen. This effectively moves the
<div> twenty pixels to the right.
I also don't exactly understand what it means about the margins but I get the general idea. If you add 20px of space to the margin it does make sense it would move in this case the div. What bothers me is where it says it puts space between the element and it's reference, what reference? I tried google what the definition of reference means in this sentence and in html and css in general but all I kept getting was references of syntax for html and css.
I must apologize if this is a stupid question but I am new to coding and I don't understand the complete terminology yet.