显示作为大胆的字体

时间:2014-04-13 22:13:23

标签: html css

由于某种原因,"支持我们"下面的文字;部分全部以粗体显示。我试图强制字体样式正常,但它仍然是粗体。 JSFiddle看起来很乱,但是如果向右滚动,你可以看到我的问题。

http://jsfiddle.net/4bQjs/

以下是该部分的HTML代码:

<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>

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;
}

2 个答案:

答案 0 :(得分:1)

你的<b>附近有一个随机的#rightcolumn标记。它就在这里:

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

我认为问题在于您使用p包裹b并且从未关闭该段落。仔细检查你的HTML,你应该没事。

答案 1 :(得分:0)

您的#rightcolumn嵌套在<b>标记