How to create HTML Inline Elements - HTML Block and Inline Elements

An inline element does not start on a new line.

An inline element only takes up as much width as necessary.

This is a element inside a paragraph.

Basic Example of HTML Inline Elements

<span>Hello World</span>

Full Example of Basic Example of HTML Inline Elements

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>
<p>This is an inline span <span style="border: 1px solid black">Hello World</span> element inside a paragraph.</p>
<p>The SPAN element is an inline element, and will not start on a new line and only takes up as much width as necessary.</p>
</body>
</html>

Output should be:

Here are the inline elements in HTML:

<a>
<abbr>
<acronym>
<b>
<bdo>
<big>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<tt>
<var>

Category :	Web Tutorial
Sub Category :	HTML Block and Inline Elements
Uploaded by :	Admin

Read Article

https://horje.com/learn/1434/reference