Block elements are used to set the structure of the web page are are easily styled with CSS. Blocks include elements such as div, section, header, h1, p, foot, figure, etc.
Blocks elements naturally will take up the full width of the browser and will be on a line by themselves. We can change these characteristics with CSS.
Inline elements are within the line and should be within the block. Inline elements are used to format sections of text within a block, or to insert elements like images or hyperlinks.