The default display style of a <div> tag is BLOCK.
+The best way to horizontally center an element is to set the left-margin and right-margin to auto or use the margin: 0 auto declaration.
+Padding is the space between an element and it's border ("insidey" or "indoorsy"), while margin is the space between that border and an adjacent element ("outsidey" or "outdoorsy").
+Fixed positioning places an element in relation to the browser window, while absolute positioning places an element in relation to it's container.
+A clearfix will auto-size a floating element's container to match the floating element itself. Otherwise, the element can flow outside it's container in wonky ways.
+block style
+Set the left and right margins to auto
+Padding is the space between the content and the border, whereas margin is the space outside the border.
+Fixed position specifies the positioning of a element with respect to the window. Absolute 's offset is relative to its “containing block”.
+Clearfix will apply a small bit of content, hidden from view, after the parent element which clears the float or an element.
+======= ++ Div tags' default display styles are blocks.
+What is the best way to horizontally style an element? +
++ + 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
++ + Fixed elements do not move in a browser, absolute positions are positioned relative to the parent element
++ + + "Clearfix" is a method used to fix child elements
+>>>>>>> 60e81153ba7c46b8b8e8c59db90b4753f8717219 +======= +div's are static unless otherwise specified
+auto margin will split the margin space equally on both sides
+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.
+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.
+dirty trick for fixing an element who's image is taller than the container it's in.
+<<<<<<< HEAD +>>>>>>> b5af4ab9cb8550a89245310b0417f9cbc3b41bb6 +======= +>>>>>>> a0ed64614b7db53b94c3755a01320725ba8cfcd5 +>>>>>>> 60e81153ba7c46b8b8e8c59db90b4753f8717219 +======= +div's display is block
+Kind of depends, but [margin: 0 auto] is good
+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
+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.
+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.
+>>>>>>> b43b67dc5a64a14d7c4641060b177d299c360233 +