Thanks all!
On 2/7/06, Els <[EMAIL PROTECTED]> wrote: > > 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/
