> >> OK..Here's a link to a graphic showing the dotted line and its > >> position which I'm after: > >> > >> > >> http://thinkplan.org/workshop/pix/dottedline.jpg > > > > Try this: > > > > .myParagraph { > > margin-top:10px; > > padding-top:10px; > > border-top:1px dotted #333; > > } > > thanks, Thierry; > > looks similar to something I fiddled with just before your email > arrived: > > .dotted { > border-top: 1px dotted #000; > padding: 8px 0 0 0; > } > > Now, in yours, why margin-top AND padding-top of 10px? Isn't padding- > top: 10px; enough by itself?
The padding is what creates the gap below the border, the margin is what creates the gap above the border. You may have the space above the border already created by the bottom margin of the previous sibling, but in any case, that should not matter because of *collapsing margins*, hence that value will not change anything if the gap already exists (via margin). Because these two margins will collapse. It would be different if that gap was the result of bottom padding on the previous sibling. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ______________________________________________________________________ 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/
