Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Can someone tell me this, about margin thing.

8:49 am on Nov 16, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 18, 2004
votes: 0

When I have two divs, like:

margin-left: 10px;


<div id="something">
<div id="content">Yes, it's here</div>

Would that add 20px to the text in content?

9:36 am on Nov 16, 2006 (gmt 0)

New User

10+ Year Member

joined:Nov 12, 2006
votes: 0

umm... no, it will give the #content a 10px margin to the left.
the text within the element will stay adjacent to the "border" of that element.

hope this helps,


5:28 pm on Nov 16, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 17, 2001
votes: 0

You can see exactly the behavior this will produce by adding some background colors, e.g.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns:xhtml="http://www.w3.org/1999/xhtml" xml:lang="en">
<title>margin test</title>
<style type="text/css">
html, body {background:#fff; margin:0; padding:0;}
#something {margin-left: 10px; background:#f00;}
#content {margin-left:10px; background:#00f;}

<div id="something">
<div id="content">Yes, it's here</div>

I used a strict doctype but it will display the same in quirks, even back to NS4.
7:10 pm on Nov 16, 2006 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 17, 2005
votes: 21

Margins will collapse. You can prevent them from collapsing by adding either a border or padding to the item who's margin is collapsed (your outter item).