I'm trying to stop using the <br> tag but having problems...

[yoyo123]

I am attempting to write my 1st site using just CSS and I want total control over return characters. However, I'm hitting a stumbling block.

This is what I what I'm trying to create:
Media Contact:
Fname Lname, Company Name, (###) ###-####

Corporate Contacts:
Fname Lname, Company Name, (###) ###-####
Fname Lname, Company Name, (###) ###-####

Pretty straight forward. Right? Well the only way I have been able to recreate this is by using this code:

.contact {
text-align: left;
font-weight: normal;
}
.contactHead {
font-weight: bold;
margin: 0px 0px 1px 0px;
border: none;
}
.contactbody {
font-weight: normal;
margin: 0px 0px 1px 0px;
border: none;

}

<div class="contact">
<p class="contactHead">Media Contact/p>
<p class="contactbody">Fname Lname, Company Name, (###) ###-#### </p>
<p class="contactbody">&nbsp;</p>
<p class="contactHead">Corporate Contacts/p>
<p class="contactbody">Fname Lname, Company Name, (###) ###-####</p>
<p class="contactbody">Fname Lname, Company Name, (###) ###-####</p>
</div>



Is this the best way? Does anyone know a better way? Please help, I'm pretty new to CSS.