Working with Inline Elements
Inline elements stay on a single line and wrap to the next line when space runs out. This behavior is controlled by the CSS property display: inline.
Key points about inline elements:
- They default to
display: inline; - Their width and height are determined by their content and cannot be explicitly set;
- Only horizontal properties like
padding,margin, andbordercan be applied.
Let's examine an example where some styles impact the element, while others do not, within the CSS file:
index.html
index.css
By default, inline elements have a gap on the right side; for img elements, this gap is at the bottom. This space is not attributed to padding or margin. Instead, it's an inherent blank space added by browsers to ensure a distance between each element.
index.html
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Fantastisk!
Completion rate forbedret til 2.56Working with Inline Elements
Sveip for å vise menyen
Inline elements stay on a single line and wrap to the next line when space runs out. This behavior is controlled by the CSS property display: inline.
Key points about inline elements:
- They default to
display: inline; - Their width and height are determined by their content and cannot be explicitly set;
- Only horizontal properties like
padding,margin, andbordercan be applied.
Let's examine an example where some styles impact the element, while others do not, within the CSS file:
index.html
index.css
By default, inline elements have a gap on the right side; for img elements, this gap is at the bottom. This space is not attributed to padding or margin. Instead, it's an inherent blank space added by browsers to ensure a distance between each element.
index.html
Takk for tilbakemeldingene dine!
