Display: Inline

An inline element does not start on a new line and it only takes up as much width as necessary. Examples of inline elements are:

<a>
<img>
<span>
HTML file: Displayed by browser:
<p>
This is <span style="border:3px solid blue;">an inline &lt;span&gt; element inside</span> a paragraph.
</p>

<p>
This is a <a href="a1.html" style="border:3px solid blue;">document file</a>, using an inline &lt;a&gt; element inside a paragraph.
</p>

<p>
This image <img style="border:3px solid blue;width:42; height:42;" src="images/smiley.gif"> uses an inline &lt;img&gt; element inside a paragraph.
</p>

This is an inline <span> element inside a paragraph.

This is a document file, using an inline <a> element inside a paragraph.

This image uses an inline <img> element inside a paragraph.


Back button Table of Contents Next button