Difference in span and div tag

Difference in span and div tag

Div  is a block level element. It use full width  on web page . It does not depended on content. Its heavy to span tag.

div is a block elements.  its heavy to span tag.

span tag is inline element. is lighter then div tag.  Span tag depended on content.  By this example you will understand easly.

EXAMPLE OF DIV TAG

<div style="background-color:#FF6600; color:#FFFFFF; height:100px; font-size:24px;"> Hello I am A Dive Tag </div>

EXAMPLE OF SPAN TAG

<span style="background-color:black; color:#FFFFFF; height:100px; font-size:24px;"> Hello I am A span TAg </span>