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 What is an in-line xml 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