INFO: The Difference Between the <DIV> and <SPAN> HTML Tags

MORE INFORMATION

The <DIV> tag is a block element used for creating a container to hold and to position other elements. It is commonly used for absolute positioning of content.

The <SPAN> tag is an inline element that is used to render text by using a style sheet. It is commonly used to change the style of an element, or text within a sentence, or block such as <P>, <DIV>, or <TABLE>.

Because the <SPAN> tag cannot create a line break, the following HTML does not behave as you expect:

   <HTML>
   <HEAD>

      <SCRIPT>
         function DoStuff()
         {
            txt.innerHTML = "<UL><LI>It worked</UL>";
         }
      </SCRIPT>

   </HEAD>
   <BODY>

      <P>
         <SPAN ID=txt>HTML<b> to be</b> replaced</SPAN>
      </P>

      <A HREF="javascript:DoStuff()">Click Me</A>

   </BODY>
   </HTML>
				

This use of the innerHTML property succeeds if you replace the <SPAN> tag pair with <DIV>.

Because the <SPAN> is not a block element, the <SPAN> does not have an ALIGN attribute. This is unlike a <DIV>.