This page is about inline box in the block formatting layout context.
Inline box can be generated:
Inline-level elements generate by default inline-level boxes.
You can generally found them in the phrasing category
The following values of the 'display' property make an element inline-level:
The formatting defines how an inline box is rendered:
An inline element like <span>
Inline elements are different from structure elements in that inline elements are part of the content of a tag.
The b tag below is an in-line element
b {
border: 2px solid aqua;
}
p {
border: 1px solid blue;
}
<p>The b (bold) will <b>stay on the same line</b>.</p>
<p>The p (default block box rendering) will add a end of line and shows up then on a new line.</p>
<p>First Inline P</p>
<p>Second Inline P (default) <BR> And some <BR> comment</p>
p {
border: 1px solid black;
padding: 7px;
margin: 10px;
display: inline;
}