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