Jonathan Prugh wrote: > Hi, > > With the two chunks of code below. Why does the dashed line > appear above the list when using <p> and below the list when > using <div>? > > Since they are both block level elements I would assume that > the list would be contained within both and the dashed line > would appear below the list in both cases.
No, a <ul> can't be contained in a <p>. > <p style="padding:10px; border-bottom:1px dashed > #ff9900;">Monday, January 30 > <ul> > <li>Lorem ipsum dolor sit amet, consectetuer adipiscing > elit.</li> </ul> > </p> This code is effectively parsed as: <p style="padding:10px; border-bottom:1px dashed #ff9900;">Monday, January 30 </p> <ul> <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> </ul> </p> Checking your code in a validator, will show an error which complains about a </p> that doesn't have a <p>. -- Els ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
