Difference between display inline and inline-block?

CSS display property used to align the elements in the web page. Like align the elements horizontally and vertically using display property values. Display property have many values.

In this article, we will see specific use of inline and inline-block.

1) inline

This will convert an element into inline element and the elements width and height based on the element content. Padding, height and width values will not reflect in this case.

2) inline-block

This will consider the padding, height and width values not like inline.

Please post comment if you have any questions.