Inline Elements list : Inline Elements « Style Basics « HTML / CSS






Inline Elements list

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body> 
<h1>Inline Elements</h1> 
<h2>Italicized</h2> 
<code>&lt;em&gt; </code> <em>emphasized</em> <br /> 
<code>&lt;cite&gt; </code> <cite>citation</cite> <br /> 
<code>&lt;var&gt; </code> <var>computer variable</var> <br /> 
<code>&lt;dfn&gt; </code> <dfn>definition</dfn> <br /> 
<h2>Bold</h2> 
<code>&lt;strong&gt; </code> <strong>strongly emphasized</strong> <br /> 
<h2>Monospace</h2> 
<code>&lt;code&gt; </code> <code>computer code</code> <br /> 
<code>&lt;kbd&gt; </code> <kbd>key press</kbd> <br /> 
<code>&lt;samp&gt; </code> <samp>sample computer output</samp> <br /> 
<h2>Underlined</h2> 
<code>&lt;a&gt; </code> <a href="#">a</a> <br /> 
<code>&lt;acronym&gt; </code> <acronym title="a" >acronym</acronym> <br /> 
<code>&lt;abbr&gt; </code> <abbr title="a" >abbreviation</abbr> <br /> 
<h2>Vertical-aligned</h2> 
<code>&lt;sup&gt; </code> superscript<sup>1</sup> <br /> 
<code>&lt;sub&gt; </code> subscript<sub>1</sub> <br /> 
</body> 
</html>

 








Related examples in the same category

1.CSS provides the following properties for styling inline boxes:
2.Inline Box
3.Shrinkwrapped inline block by setting both width and height to auto
4.On an inline-block element, a positive value in margin-top expands the height of the line and a negative value shrinks it.
5.Block-level elements
6.inline element is floated
7.float inline block becomes block of multiline inline box
8.float inline with block inline padding
9.float inline elements becomes block
10.Middle Offset INLINE
11.Shrinkwrapped Absolute right aligned
12.Stretched Absolute in relative positioned parent
13.Middle Aligned INLINE