[RESOLVED] Picture Layout: Better way than using  

[Nightwalker83]

Hi,

I am trying to create the following layout but the only way I can manage to get the elements to align correctly is by using &nbsp in the code. Is there a better way accomplish this?

Layout:

<div class="main"><h2>Characters</h2><br /><p>The character in all versions of Silent Hill 1 remained the same they were:<br />

<img src="../images/alessagillespie.jpg" alt="Alessa Gillespie" title="Alessa Gillespie" />&nbsp;<img src="../images/cherylmason.jpg" alt="Cherl Mason" /> </p><p>Name: Alessa Gillespie &nbsp;&nbsp;&nbsp;&nbsp; Name: Cheryl Mason<br /></p>
<p>Age: 14 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Age: 7</p><br /><p>
Other: <br /> She has the cult god inside her,<br /> Dahlia's daughter.</p>&nbsp;<p>Other: Found in Silent Hill when she was a baby and adopted . She returns to Silent Hill in 1983 but goes missing.
</p><br />
<a href="../html/sh1_full.html" tabindex="0" title="Back to previous page" target="_self">Previous page</a><a href="#top" tabindex="1" title="Back to Top" target="_self">Back to Top</a><a href="#" tabindex="2" title="Silent Hill full version(page 2)" target="_self">Next Page</a></div>

Thanks,

Nightwalker