Display on web site not matching design window

Forum|Forum|9 years ago
April 3, 2017
2 replies
398 views

Hi

I have this code on a page to add a background to some text:

<p>Follow the sign to

(Britannia) as indicated.

</p>

which is controlled by

span {

color: #FFF;

background-color: #600;

}

In my design window it shows up perfectly but in a browser it does not.

The web site is

http://www.xm496.com

would appreciate some help on what I’ve missed

thanks

Ian

This topic has been closed for replies.

Nancy OShea

Community Expert

Using ordinary <span> tags is not efficient or meaningful. Span carries no semantic weight, it's an inline element. It's most often used when you need a quick style change mid-sentence. But it's not a replacement for HTML 5 tags <div> <section> <header> <footer> <nav> <p> <h1> <h2> etc...

An example of when to use the <span> tag:

<p>This is a default paragraph style with a <span class="red">red class</span> inside.</p>

Please review HTML5 semantic tags for more info.

HTML5 Semantic Elements

Nancy

Nancy O'Shea— Product User & Community Expert