Remove Italics From Heading

The content is still a work in progress, meanwhile, I'm trying to figure out why the heading Floral fragrances on sale this week at the Snob! is coming up in italics.

<center><h1 style="FONT-WEIGHT: bold"><font color="black" face="georgia,times new roman,times,serif"> Floral fragrances on sale this week at the Snob!</font></h1></center><br /> <p style="COLOR:#444443; FONT-SIZE: 120%;"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from here to here. <br /><br /> What would you like to see on sale next week? Email us and let us know! </p><center><h1 style="FONT-WEIGHT: bold"><font color="#ed3a84" face="georgia,times new roman,times,serif"> <em>FREE U.S. SHIPPING + No Minimum Purchase!</em></font></h1></center><br />

I'd also like the Email shown in red to be a link to the email form so the customer doesn't have to search for the contact information.

http://designerperfumesnob.authsafe.com/

thank you~

You appear to have it set for italic:

h1 {
    color: #ED3A84;
    font-family: georgia;
    font-size: 2em;
    font-style: italic;


}

Ajeh:

You appear to have it set for italic:

h1 {
color: #ED3A84;
font-family: georgia;
font-size: 2em;
font-style: italic;

}

I see. How can I just turn off italics for this particular heading within the code I showed?

Better to remove the inline styling in that copy and use the stylesheet to style it.

Firstly, your embedded styling is deprecated.

If you are going to embed inline styling then do it according to accepted protocols:

This line:

<center><h1 style="FONT-WEIGHT: bold"><font color="black" face="georgia,times new roman,times,serif"> Floral fragrances on sale this week at the Snob!</font></h1></center><br /> <center> is deprecated, so should not be used.

You kinda start on the right track... <h1 style="FONT-WEIGHT: bold">

But then you go back to deprecated methods... <font color="black" face="georgia,times new roman,times,serif">

If you encase the whole thing in its own <div>, you could give this a CLASS, then for separate elements, give them ID's

Then... it's simply a case of putting in some declarations into the stylesheet

<center><h1 style="FONT-WEIGHT: bold"><font color="black" face="georgia,times new roman,times,serif"> Floral fragrances on sale this week at the Snob!</font></h1></center><br /> <p style="COLOR:#444443; FONT-SIZE: 120%;"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from here to here. <br /><br /> What would you like to see on sale next week? Email us and let us know! </p><center><h1 style="FONT-WEIGHT: bold"><font color="#ed3a84" face="georgia,times new roman,times,serif"> <em>FREE U.S. SHIPPING + No Minimum Purchase!</em></font></h1></center><br />

( YOU ARE USING TWO <H1> TAGS on the same page... NOT A GOOD IDEA... RATHER THAN USE H1 for sizing, USE A font-size DECLARATION )

---

<div class="myCustomParagraph">
<span id="customHeaderOne">Floral fragrances on sale this week at the Snob!</span>
<p id="customPara"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from here to here. 
<br /><br /> What would you like to see on sale next week? <a href="index.php?main_page=contact_us">Email us</a> and let us know!
</p>
<span id="customHeaderTwo">FREE U.S. SHIPPING + No Minimum Purchase!</span>
</div>

In your stylesheet

.myCustomParagraph #customHeaderOne {
color: #000;
font-size: 150% /* - - - Can use px or em if you like - - */
font-weight: bold;
font-face: georgia,times new roman,times,serif;
text-align; center;
}

.myCustomParagraph #customHeaderTwo {
color: #ed3a84;
font-size: 150%
font-weight: bold;
font-face: georgia,times new roman,times,serif;
text-align; center;
}

.myCustomParagraph #customPara {
color: #444443;
font-size: 120%
}

(You will also see my embedded H REF for "Email Us" inline link.)

traytray:

I'd also like the Email shown in red to be a link to the email form so the customer doesn't have to search for the contact information.

.myCustomParagraph #customPara a{
color: #ff0000;
font-size: 120%
}

This is my inline HTML:

<div class="myCustomParagraph"> <span id="customHeaderOne">Floral fragrances on sale this week at the Snob!</span> <p id="customPara"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from Feb 10th to Feb 16th. <br /><br /> What would you like to see on sale next week? <a href="index.php?main_page=contact_us">Email us</a> and let us know! </p> <span id="customHeaderTwo">FREE U.S. SHIPPING + No Minimum Purchase!</span> </div>

and I copied and pasted the code you posted to the bottom of the stylesheet. My results are below:

http://designerperfumesnob.authsafe.com/

I'm not getting the font, style or center for the heading or the Free Shipping sentence on the bottom.

I wanted to add that I DID want the last sentence Free Shipping to have that H1 appearance and be bold as well as italic. I added italic to the code:

.myCustomParagraph #customHeaderOne {
color: #000;
font-size: 150% /* - - - Can use px or em if you like - - */
font-weight: bold;
font-face: georgia,times new roman,times,serif;
text-align; center;
}

.myCustomParagraph #customHeaderTwo {
color: #ed3a84;
font-size: 150%
font-style: italic;
font-weight: bold;
font-face: georgia,times new roman,times,serif;
text-align; center;
}

.myCustomParagraph #customPara {
color: #444443;
font-size: 120%
}

.myCustomParagraph #customPara a{
color: #ed3a84;
font-size: 120%
}

But nothing changed and it is still small font.