What is Inline Element, Block Element and Inline Block in HTML / CSS for Absolute Beginners

In this session we will talk about inline elements, block elements and inline-block elements In HTML, inline elements are those which only occupy the space surrounded by tags that defining the element, just the content and instead of breaking the flow of the content. Block level elements are the ones that occupies the entire space of its parent element. (in this case body is the parent element) thereby creating a block. You can visualise them as a stack of boxes.