<h3 id="heading-elements-are-categorized-into-two-types-they-are">Elements are categorized into two types they are</h3>
<ul>
<li><p>Block level element</p>
</li>
<li><p>Inline element</p>
<h3 id="heading-block-level-element">BLOCK LEVEL ELEMENT</h3>
<p>  The element which takes the full width of the screen is called a block-level element. there are several block-level elements, the most powerful block-level element is "&lt;div&gt;&lt;/div&gt;".</p>
</li>
<li><p>these all mentioned below are block-level elements.</p>
<p>  <img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674959062941/e29a5759-27f2-46fe-beaf-e0edae540a15.png" alt class="image--center mx-auto" /></p>
</li>
</ul>
<h3 id="heading-inline-element">INLINE ELEMENT</h3>
<p>The element which takes only the required space is called an inline element. some examples are &lt;span&gt; ,&lt;br&gt;,&lt;b&gt;,&lt;hr&gt;</p>
<p>these all mentioned below are inline elements.</p>
<p><img src alt class="image--center mx-auto" /></p>


### Elements are categorized into two types they are

* Block level element
    
* Inline element
    
    ### BLOCK LEVEL ELEMENT
    
    The element which takes the full width of the screen is called a block-level element. there are several block-level elements, the most powerful block-level element is "&lt;div&gt;&lt;/div&gt;".
    
* these all mentioned below are block-level elements.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1674959062941/e29a5759-27f2-46fe-beaf-e0edae540a15.png align="center")
    

### INLINE ELEMENT

The element which takes only the required space is called an inline element. some examples are &lt;span&gt; ,&lt;br&gt;,&lt;b&gt;,&lt;hr&gt;

these all mentioned below are inline elements.

![]( align="center")

This is a brief description about block and inline elements

Block vs Inline Element

Elements are categorized into two types they are

BLOCK LEVEL ELEMENT

INLINE ELEMENT