Block-level Container

Both <div> and <span> are container elements, but they are used differently.

Example:

<div style="background: lightblue; padding: 10px;">
  <h2>About Me</h2>
  <p>Hello, I am a web developer.</p>
</div>

Example:

<p>My favorite color is <span style="color: red;">Red</span>.</p>

Output :

Key Difference Between <div> and <span> :

Feature	`<div>`	`<span>`
Type	Block-level	Inline
Layout	Starts on a new line	Stays within text
Usage	Grouping big sections	Highlighting small text portions
Example	Layout containers	Inline text styling