Skip to main content
Classless basics

Inline elements

In HTML, inline-level elements such as tags for bold text, italics, and hyperlinks, span only the width of their content, and they can wrap on to new lines.

List of inline elements

italics
emphasis
bold
strong
underlined
citation
deleted text (strikethough)
definition
abbreviation
inserted text (underlined)
user input
sample output
marked (highlighted) text
small
Superscript: e.g. E = mc2
Subscript: e.g. H2O
variable or placeholder text
ndash –
mdash —
hyperlink
Address

inline code
<i>italics</i>
<em>emphasis</em>
<b>bold</b>
<strong>strong</strong>
<cite>citation</cite>
<del>deleted text (strikethough)</del>
<dfn title="title">definition</dfn>
<abbr title="This stands for something">abbreviation</abbr>
<ins>inserted text</ins>
<kbd>user input</kbd>
<samp>sample output</samp>
<mark>marked (highlighted) text</mark>
<small>small</small>
Superscript: e.g. E = mc<sup>2</sup>
Subscript: e.g. H<sub>2</sub>O
<var>variable or placeholder text</var>
ndash &ndash;
mdash &mdash;
<a href="#/">hyperlink</a>
<address>Address</address>
<code>inline code</code>

Buttons are inline elements

Buttons are inline elements. But as buttons are also form elements, we will cover them there.