heres my html

 <img src="jonah.png" height="312" />
   <div id="progress-bar">
<div id="progress-level">
</div> </div>

<h1> Recent News</h1>
<div style="height:300px;width:400px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
Just met with a new person.
</div>

 

and heres the image

 

Basically i want the progress bar right after the Phase 1: The phase 1 and generosity are PNGS. Thanks for help!

what do your pngs look like in the html? Your progress bar needs a float: style set on it to get it next to the phase 1 bit