Text not playing nicely with image

HTML & CSS
1

Hi all,

Working on a project and ran across something I can’t figure out.

Trying to make this text wrap nicely with the icon image.

Here’s my code:

 <div id="testCenter">
     <p><img src="images/icon_cbtc3.gif" style="vertical-align: middle"><a class="courseMgmtHead" href="cbtc.html" title="Testing Center">Testing Center</a></p>
      <p>Information on ETS, TOEFL and other tests offered on site for both students and the general public.  <a class="subLinks" href="cbtc.html" title="Computer Based Testing Center">more...</a></p>
    </div>

and my css:

#testCenter {width: 25%; float: left;padding: 0 .4em; color: #333}
.courseMgmtHead{font-size: 1.3em; font-weight: bold; line-height: 5px}

I’m sure its something basic I’m missing. :slight_smile:

2

for those looking I got it to work wrapping each item in a div.