Text Appearing in Bold Typeface

It's strange that the text below the "Support Us" section is showing up in bold. I tried changing the font style to normal, but it's still bold. The JSFiddle layout may appear messy, but if you scroll right, you'll see the issue.

http://jsfiddle.net/4bQjs/

Here's the HTML Code for that particular 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 here's 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;
}

Answer №1

You seem to have an unexpected <b> tag surrounding your #rightcolumn. It appears here:

<b> <p>To learn more about these findings, visit our description and listing

I suspect the issue is that you wrapped a p with a b but did not close the paragraph correctly. Please review your HTML code for any errors.

Answer №2

The content in your #rightcolumn is enclosed within a <b> element

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Deprecated: Asynchronous XMLHttpRequest on the primary thread is no longer supported

Currently, I am working on the extjs framework. I have developed an application using extjs. However, whenever I launch the application in the browser, I encounter some warnings in the console. The warning message states that Synchronous XMLHttpRequest o ...

stopPropagation() halts the propagation in the opposite direction

I encountered an issue while attempting to create a non-clickable div. While it does stop propagation, it doesn't prevent what should be stopped and allows things that shouldn't be clickable. js //screen has set stopPropagation $("#smokeScree ...

Ways to extract code within delimiters

After loading a template from a file, the structure is as follows: [[style]].someclass{padding:10px 15px}[[/style]] [[code]]<tr><td class="someclass">{{text}}</td></tr>[[/code]] The template is loaded using .get() and stored in th ...

Tips for incorporating the .click function with an overlay

Having some trouble using the .click function in conjunction with jQuery Tools overlay. HTML: <p id="click">Click here:</p> <div class="pop"> <div> <p>Insert text here</p> </div> </div> jQuery func ...

various types of font colors within the text box

If I have a text box with the content "eg. 'one'" Can I set the font color of "eg." to color:black and "'one'" to color:red? Below is the HTML code: <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true" Text="eg.-one"> ...

Is there a way to update the color of a button once the correct answer is clicked? I'm specifically looking to implement this feature in PHP using CodeIgniter

Within my interface, I have multiple rows containing unique buttons. Upon clicking a button, the system verifies if it corresponds to the correct answer in that specific row. The functionality of validating the responses is already functional. However, I a ...

Tips for implementing a waiting period during an ajax request using jQuery

My current task involves calling a URL to generate a token and then opening another page on the same site once the token is generated. The issue I'm facing is that the window generating the token closes quickly, making it difficult for me to authentic ...

Experiencing a lack of desired outcome in Outlook when using simple HTML with table elements

When creating a template for Outlook, I encountered an issue where the logo appeared on the right and the link text was on the left, which is the opposite of what I wanted. How can this be resolved? <center> <table width="600px;" style="margin:au ...

XSLT transformation eliminates HTML elements from mixed content

Can XSLT maintain anchors and other embedded HTML tags within XML? Situation: I'm currently attempting to transform an HTML document into XML using an XSL stylesheet with XSLT. The original HTML content contained anchor tags scattered throughout (e.g ...

Position the div element beside the image, rather than below it

I am having an issue with Bootstrap where the card I want to display on the right of an image is appearing below it instead. I attempted to use the display: inline-block property, but unfortunately, that did not solve the problem. I also explored other so ...

How to set a custom icon for ion-select in Ionic 4

I would like to assign a unique icon to my ion-select element. Below is the code I am using and the resulting output: <ion-item class="input-container" align-items-center no-padding> <ion-label position="floating" no-margin n ...

Applying the `float: left` property to elements while utilizing 100% width through percentages

In my current project, I have a situation where there is an HTML img#logo-image. Occasionally, this image does not display due to display:none. The issue arises when trying to ensure that the entire div#menu-title fits within the width of the page. I atte ...

Executing two jQuery scripts simultaneously on one page

Struggling to use 2 jQuery objects simultaneously on the same page. Can't get them both working at once despite playing around with the code. I'm new to this, so any help would be greatly appreciated. The code in the head section looks like this ...

Exploring CSS3 for Creating Stylish Navigation Bars

Currently, I am attempting to design a Navigation bar that resembles the style shown in this image, complete with a drop-down menu feature. Here is how I have structured my menu: <nav> <ul> <li> <a href="/i ...

Struggling to showcase updated CSS modifications in the browser when working with Visual Studio 2012

After updating my CSS file 'Site.css' in Visual Studio 2012, I noticed that the changes appeared in the Design View of my Default file. However, when I viewed the website in a browser, none of the modifications were reflected. To troubleshoot, I ...

Designing a loading animation with rotating lines converging towards the center to form a circular motion

Check out my code snippet below: .circle { border: 1px solid transparent; border-radius: 50%; width: 100px; overflow: hidden; } .div7 { width: 100px; height: 10px; background: red; color: white; font-weight: bold; positi ...

Resizing an image based on the coordinates of a click position by utilizing jQuery

I'm new to experimenting with code, and I've been playing around with trying to shrink an image to nothing at a central point. I've found some success using a mix of the code snippet below and relative positioning in my CSS. $(function() ...

How can I arrange individual events in agendaWeek view on FullCalendar.io and then merge them all into one line?

I am using Fullcalendar.io version 2 When I switch to the agendaWeek mode, all my events are displayed on one line in each day square. As a result, the more events I have, the thinner the event blocks become. Is there a way for me to display only one eve ...

Choose or deselect images from a selection

I am currently working on a feature for an album creation tool where users can select photos from a pool of images and assign them to a specific folder. However, I'm facing difficulty in selecting individual photos and applying customized attributes t ...

What is the best way to generate a box when a button is pushed?

How can I make a button create a box with text inside it when clicked? <div class="trades"> </div> <button onclick="create()">add</button> Here is the JavaScript function to create the box: function create() { var box = docu ...