Red Apples and Green Beans Div (short for division) divides the content into individual sections. Each section can then have its own formatting, as specified by the CSS. Div is a block-level container, meaning that there is a line feed after the </div> tag.
Span is similar to div in that they both divide the content into individual sections. The difference is that span goes into a finer level, so we can span to format a single character if needed. There is no line feed after the </span> tag.
However there are other ways, discovered by The Professor, to divide content. That is by using Red Apples and Green Beans . There probably is a point to all of this, but that will have to wait until a pencil sharpener is found. Meanwhile

<style type=text/css>
#bean{
  position:absolute;left:400;
  top:417;
} 
.pole {
  color:#32CD32;
}
#apple{
  position:absolute;left:400;
  top:0;
}
.delicious {
 color:#b22222;
}
</style>
<melon id=apple>
<redapples class=delicious>
Apples are red and very delicious
</redapples>
</melon>
Apples are red and very delicious
<raspberry id=bean>
<greenbeans class=pole>
Beans are green and very nutricious
</greenbeans>
</raspberry>
Beans are green and very nutricious
In summary it would appear that the term "span" is an arbitrary selection based on its definitive value and is not a protected css entity. As for "div" well the World Wide Web (hmmm sodats wear www came from) were politically correct or they would have selected "partition" or "separation" and besides "div" has a better ring to it than "sep" or "par". If you were to source this page you would see a liberal sprinkling of fruits and vegetables, too numerous to denote here. So get expressive and choose elements of your own choosing. It will drive source readers batty. LOL

home HTML Hit Counter