Css Block level elements and inline elements.

 

Html elements are divided in to two different types of css styling.

1.  Block level elements

2.  Inline elements.

For example <span>  is considered as inline element and <div> is considered as block level elements.

Inline elements only takes width as its display limits.

Block level elements takes full width of its window.

There will be new line in from one block level to other elements.

Inline elements are displayed in adjacent areas.

 

Inline elements example:

<a>

<img>

<b>

Block level elements example:

 

<P>

<h1> to <h6>

<ul>

<ol>

<div> Elements are used as container for other elements. For div no attributes are required

<span> acts as container for html text. It used for styling only  a portion of text from large text.

<span> also requires no attributes.

Thank you

Muthu karthikeyan.

91 96293 29142

Tamilnad , India