HTML Block and Inline Elements
❮ Previous Next ❯
Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline.
Block-level Elements
A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).
The
Examples of block-level elements:
–
Inline Elements
An inline element does not start on a new line and only takes up as much width as necessary.
This is an inline element inside a paragraph.
Examples of inline elements:
The
The
When used together with CSS, the
Example
<div style="background-color:black;color:white;padding:20px;”>
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
»
The Element
The element is often used as a container for some text.
The element has no required attributes, but both style and class are common.
When used together with CSS, the element can be used to style parts of the text:
Example
My Important</span> Heading
»
HTML Grouping Tags
Tag Description
Defines a section in a document (inline)
❮ Previous Next ❯
shahzade bau 