Andrew Li Andrew Li - 1 month ago 9
CSS Question

Weird Html Css errors

I've developed some htmls on asp.net platform.

But I got the different results when browsing in the Firefox and Google chrome.
enter image description here

Here are two subtitles, "Vence Vacation Rentals and Vence Hotels" and "Vence Vacations: Things to see while on vacation in Vence Provence"

The first one is h2 tag and the second is h3 tag.

I've applied same style to h2 and h3 tags.
But as you can see the image, the color is different a little.

Here is the html code and style for h2 and h3.

<div style="padding-bottom: 10px;margin-left:20px;">
<h2 class='titles'>
Vence Vacation Rentals and Vence Hotels
<br />
</h2>
</div>


<h3 class='titles'>
Vence Vacations: Things to see while on vacation in Vence Provence
</h3>


For style

.titles {
color: #154890 !important;
font-family: Verdana;
font-size: 18px;
font-weight:500;
}


And the style for h3 is embedded in the h3 tag.
I couldn't know why I get the different color for two titles.

It seems that the h2 color is darker than h3.

Please help me.

Thanks. (Please forgive my low english level)

Answer

You are aware that you have not sent font for h3? Also, it's not best practice to embed style in the html tags. Do you have any other stylesheets loading that may interfere?

Comments