DEV Community

loading...
Cover image for What is the difference between div and span?

Div vs Span What is the difference between div and span?

srijan82239366 profile image Srijan Originally published at hackinbits.com ・1 min read

This post first appeared on hackinbits.com

<div> Element

<div> element is one of the famous block elements. It defines a section or division in an HTML document.<div> is a container element that is used to group the content, so that it can be styled easily using class or id attribute.

<div style="background-color:lightgrey">
  <h3> I am a heading </h3>
  <p> I am a paragraph </p>
</div>
Enter fullscreen mode Exit fullscreen mode

<span> Element

<span> element is one of the famous inline elements. It is an inline container element that is used to group inline elements in the HTML document. The grouped inline elements can then be easily styled using class or id attribute.

<p>You are reading about
  <span style="color:red"> Inline and Block Elements.</span>
</p>
Enter fullscreen mode Exit fullscreen mode

Discussion (0)

pic
Editor guide