<p>Padding is the space between the content and the border, whereas margin is the space outside the border.</p>
</div>
<divclass="box">
<p>Fixed position specifies the positioning of a element with respect to the window. Absolute 's offset is relative to its “containing block”.</p>
</div>
<divclass="box">
<p>Clearfix will apply a small bit of content, hidden from view, after the parent element which clears the float or an element.</p>
=======
<p>
Div tags' default display styles are blocks. </p>
</div>
<divclass="box">
<p>What is the best way to horizontally style an element?
</p>
</div>
<divclass="box">
<p>
The differance between padding and margin is.
padding is the space between the content and the border, margin is the transparent part
that seperates the border from other items</p>
</div>
<divclass="box">
<p>
Fixed elements do not move in a browser, absolute positions are positioned relative to the parent element</p>
</div>
<divclass="box">
<p>
"Clearfix" is a method used to fix child elements</p>
>>>>>>> 60e81153ba7c46b8b8e8c59db90b4753f8717219
=======
<p>div's are static unless otherwise specified</p>
</div>
<divclass="box">
<p>auto margin will split the margin space equally on both sides</p>
</div>
<divclass="box">
<p>padding is the space around an element whereas margin is the space between elements. like if I had HELLO inside a box, the space around HELLO is padding. the space around the box is margin.</p>
</div>
<divclass="box">
<p>fixed positioning doesn't move as you scroll. absolute positioning acts similarly to fixed except it's position is relative to a parent element. if none are nearby, it uses the document's body.</p>
</div>
<divclass="box">
<p>dirty trick for fixing an element who's image is taller than the container it's in.</p>
<<<<<<<HEAD
>>>>>>> b5af4ab9cb8550a89245310b0417f9cbc3b41bb6
=======
>>>>>>> a0ed64614b7db53b94c3755a01320725ba8cfcd5
>>>>>>> 60e81153ba7c46b8b8e8c59db90b4753f8717219
=======
<p>div's display is block</p>
</div>
<divclass="box">
<p>Kind of depends, but [margin: 0 auto] is good</p>
</div>
<divclass="box">
<p>The Content is the nucleus and sits at the center.
The first layer surrounding it is the Padding and it clears the area and protects the content. The Border surrounds the padding.
Lastly, the Margin surrounds all 3 is transparent and can be thought of as the space between boxes</p>
</div>
<divclass="box">
<p>Absolute position elements are removed from the flow of elements on the page. An element w/ this type of positioning is not affected by/doesn't affect other elements. A fixed position element is positioned relative to the viewport, which doesn't change when the window is scrolled.</p>
</div>
<divclass="box">
<p>If you are floating an image, for examoke, and an element next to it has a border that looks ugly by running behind it, using [overflow: auto] under a "clearfix" class in a [div] tag
will smooth it out and make the border appear around the image as well.</p>
Kristyn Bryan
10 years ago