CSS - Inline Element

About

Inline-level elements are (HTML|XML) elements of the source document that generate inline block boxes

This is the default display value. The user agent's default style sheet may override this value.

See XML - in-line element

Management

List

  • span
  • b
  • ..

Modification

A box with a CSS display property of inline is a inline level element.

Example

<p><b>This text is an Inline level element because it's in a b element.</b>
var element = document.querySelector("b");
var style = window.getComputedStyle(element);
console.log(style.getPropertyValue('display'));





Discover More
Firebug Display
CSS - (Display property|Box Type)

The display property defines the box model (layout) type. inline: Default value. Displays an element as inline element. Rules in the user agent's default style sheet may override this value block...
CSS - Anonymous Inline Box

Any text that is directly contained inside a block container element (not inside an inline element) must be treated as an anonymous inline element. Anonymous inline boxes do not have an associated inline-level...
CSS - Block And Inline Layout (Block Formatting context)

CSS - Block And Inline Layout (Block Formatting context) CSS Block and inline layout is the first layout model of CSS. It's also known as: * block formatting * flow layout The component are laid...



Share this page:
Follow us:
Task Runner