0 margin issue on line of text 1

[jwhite68]

I have a piece of HTML as follows:

<div class="offer1">
<p class="marg15">
<strong>Summary</strong><br /><br />Decent car for sale<br /><br/>Model :<br /><br />Ford escort
<br /><br />		
<strong>Description</strong>
<br /><br />
<P>Good looking car. </P>
<P>This is a red car.</P>
<UL>
<LI>red
<LI>working order
<LI>1983 model</LI></UL>The car is in working order.<br />
</p>
</div>

Here is the stylesheet code in the css for the 2 classes:

div.offer1{
        overflow: auto;
	width: 874px;
	border: 1px solid #DDDDDD;
	margin-top: 10px;
	background: #F4F3EE !important;
	/* display: table !important; */
}
div.offer1 p{margin:15px ;}

The text displayed below Description should all be with a margin of 15px.

But when it displays, the sentence after the <LI> tags (for bullet points) displays at 0 margin, instead of at 15px. ie the sentence 'The car is in working order.'.

Can anyone see why?

I tried putting a margin:15px !important in the div class but it didnt resolve it.

 

[jwhite68]

Thanks Vragabond. Ive applied your solution, and it works. Many thanks.