Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Intermediate
Apr 20, 2000

Use the SPAN Element to Define Styles Within a Block

While the DIV element can be used to designate block-level elements such as paragraphs and list items, SPAN is used within a block. And while most browsers will insert a line feed before and after the DIV tags, the text within the SPAN tags remains on the same line as the rest of the text in the larger block.

In the simple example below, I used the SPAN element and Cascading Style Sheets (CSS) to set the text of the entire paragraph to green, except for the words "SPAN element", which appear in blue. Note that all of the text will appear on one line.
 
<HTML>
<HEAD>
<TITLE>SPAN tip </TITLE>
<STYLE>
P {color: green}
.special {color: blue}
</STYLE>
</HEAD>
<BODY>
<P>This is an example of how you can use the 
<SPAN class = special > SPAN element </SPAN> in your Web pages.
</BODY>
</HTML>
You can also trap events within a SPAN element by including one of several event methods within the <SPAN> tags.
Manoj K.
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap