If i understand your question correctly, I believe you want this: .container-fluid { padding: 0px; } Also if you are using responsive bootstrap you will also want this: @media (max-width: 797px) { body { padding-left: 0px; padding-right: 0px; } } Edit: here is a js fiddle.
In CSS, all four margin: and padding: percentages are relative to the width …even though that may seem nonsensical. That’s just the way the CSS spec is, there’s nothing you can do about it. Can you do what you want with ‘ex’ (or ’em’) instead? That’s the way I’m used to seeing “fluid” values for … Read more
This is a common issue with inline elements. To solve this, simply add vertical-align:top. UPDATED EXAMPLE HERE #foo { background: #fff; vertical-align:top; } It’s worth noting that the default value for the vertical-align property is baseline. This explains the default behavior. Values such as top, middle, and bottom will correct the alignment. Alternatively, you could … Read more
Add display: block; to the .separator image. .separator { margin: 0; padding: 0; display: block; } The problem is that images can sometimes add a bit of magic space up/below them, I have this issue whenever I’m working with image elements as *block* elements.
Your problem probably lies elsewhere, but here’s how you target Firefox only: @-moz-document url-prefix() { a { margin: 0; } }
You need to remove the whitespace (in this case the newline) between your tags. Some browsers render it as a space.
It’s better if you remove width:100%. write like this: .photo-caption { left:0; right:0; background-color: black; position: absolute; bottom: 0px; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; }
SVG is inline by default. Add display: block to it and then margin: auto will work as expected. Or depending on your layout you may want to keep SVG inline and set text-align: center on a parent element instead. As another alternative, you can center SVG using flex or grid layouts on the parent element.
The answer to “why” is described well and succinctly here. There are certain properties that establish a “block formatting context”. Namely: Floats, absolutely [and fixed] positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with ‘overflow’ other than ‘visible’ (except when that value has been propagated … Read more