CSS Display

“display: inline” Property:
This property is used to display an element as an inline element (like span). The height and width properties are not affected on display: inline; property. It allows only the left and right sides of margins, not the top, and bottom.

"display: block" Property:
An element that has the display property set to block starts on a new line and takes up the available screen width. You can specify the width and height properties for such elements. Examples of elements that are at block-level by default are div , section , p , and lots more.

"display: inline-block" Property:
Compared to display: inline , the major difference is that display: inline-block allows to set a width and height on the element. Also, with display: inline-block , the top and bottom margins/paddings are respected, but with display: inline they are not.

Видео CSS Display канала Tamil Developer Studio