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.

Thanks,
JP

<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>

VS.

<div style="padding:10px; border-bottom:1px dashed #ff9900;">Monday, January
30
<ul>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
</ul>
</div>
______________________________________________________________________
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/

Reply via email to