CODEWITHSUNDEEP
htmlcss
Eric
Eric

Reputation: 315

Font Showing Up as Bold

For some reason, the text underneath the "Support Us" section is all in bold. I've tried forcing the font-style to normal, but it remains bold. The JSFiddle looks kind of messy, but if you scroll to the right, you can see my problem.

http://jsfiddle.net/4bQjs/

Here is the HTML Code for that section: 

<div id="rightcolumn">
<div id="supportus">

<div class="TitleBG">
    <h5>SUPPORT US</h5>
    </div>

<div style="float: left;margin-left:10px;margin-top:10px;outline:#747474 solid thin;">
    <img src="images/marathon.jpg" width="500" height="265" />
</div>

<div style="float:left; text-align: left">


The Baltimore Running Festival

<br></br>

One of the more popular races of the Baltimore Running Festival is the Team Relay. Running the same course as the marathoners, 
the Team Relay consists of FOUR participants per team with each runner selecting a portion of the marathon course to run. 

<br></br>

Our Cause

<br></br>

We are participating in our first ever team relay to raise money to support our research.  With your help, we can raise money
to continue our fight against Lyme disease and Post-treatment Lyme disease syndrome.

</div>

And the CSS:

#supportus {
  min-height: 645px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ffffff;
  outline:#e8e8e8 solid thin;
  font-family:"Helvetica",Arial,sans-serif;
  font-size:16px;
  font-style:normal;
}

Upvotes: 0

Views: 1132

Answers (2)

NinGen ShinRa
NinGen ShinRa

Reputation: 651

You have a random <b> tag floating around that is enclosing your #rightcolumn. It's right here:

<b> <p>To find out more about these findings go to our description and listing

I believe the problem is that you wrapped a p with a b and never closed the paragraph. Double check your HTML and you should be fine.

Upvotes: 1

Johansrk
Johansrk

Reputation: 5250

Your #rightcolumn is nested in a <b> tag

Upvotes: 0

Related Questions