On Mon, Nov 22, 2010 at 5:02 PM, John <j...@coffeeonmars.com> wrote:
> Why does adding 8px to my margin top make that paragraph go as wide as the
> container? why wouldn't it make the text respect the existing space all the
> way around?
>
> Here's the class in question:
>
> .dotted {
> border-top: 1px dotted #000;
> padding: 8px 0 0 0;
> margin: 8px 0 0 0; << this margin value makes the paragraph go too
> wide!
> }
>
> and the page itself may be seen here:
>
> http://thinkplan.org/workshop/pix/working.html
>
> many thanks!
>
> John
>
It's going wider because you have "margin: 10px;" set on plain old "p".
When you change the ".dotted" <p> to "margin: 8px 0 0 0;" you are turning
off the 10px margin on left, right, and bottom that was being inherited from
that previous style.
-T
--
-----------------------------------------
tim.arn...@gmail.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
