Web designing

The <div> tag creates a line break and by default creates a division between the text that comes after the tag as begun and until the tag ends with </div>.

The <span> tag does not create a line break similar to a <div> tag, but rather allows the user to separate things from other elements around them on a page

A span element is in-line and usually used for a small chunk of HTML inside a line. A div element is block-line and used to group a larger chunk of code.

The difference between span and div is that a span element is in-line and usually used for a small chunk of HTML inside a line (such as inside a paragraph) whereas a div (division) element is block-line (which is basically equivalent to having a line-break before and after it) and used to group larger chunks of code.

Example of span class:

A <span> element used to color a part of a text:

<p>My mother has <span style="color:blue">blue</span> eyes.</p>

Output: 

My mother has blue eyes and my father has dark green eyes.

Example of div class:

A section in a document that will have a light blue background color:
<div style="background-color:lightblue">
<h3>This is a heading</h3>
<p>This is a paragraph</p>
</div>

Output:

This is some text.
This is a heading in a div element
This is some text in a div element.
This is some text.

Thank you...