|
|
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>
| What is HTML Block and Inline Elements | HTML Block and Inline Elements |
| How to create HTML Block-level Elements | HTML Block and Inline Elements |
| How to create HTML Inline Elements | HTML Block and Inline Elements |
| How to crearte The <div> Element in HTML | HTML Block and Inline Elements |
| How to create The <span> Element in HTML | HTML Block and Inline Elements |
| Basic Example of HTML Inline Elements | HTML Block and Inline Elements |
| Full Example of Basic Example of HTML Inline Elements | HTML Block and Inline Elements |
Read Full:: | HTML Block and Inline Elements |
Category: | Web Tutorial |
Sub Category: | HTML Block and Inline Elements |
Uploaded: | 11 months ago |
Uploaded by: | Admin |
Views: | 1 |
Ref on: | View |