HTML Entity | Double Vertical Line

Posted in HTML Tutorial

Updated on Feb 22, 2024

By Mari Selvan

👁️ 42 - Views

⏳ 4 mins

💬 1 Comment

Photo Credit to CodeToFun

Quick Reference

Let's have a look at HTML Entity Double Vertical Line in a Table View.

Name	Value
unicode	U+02016
hex code	‖
html code	‖
html entity	&Vert;
css code	\02016

📄 Example

The following example will demonstrate how to use Double Vertical Line using Hexa Decimal, HTML Code, HTML Entity and CSS Entity.

For a complete reference, go to our HTML Entities.

demo.html

Copied

<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\02016";
  }
 </style>
</head>
<body>

<p>Double Vertical Line using Hexa Decimal: &#x2016;</p>
<p>Double Vertical Line using HTML Code: &#8214;</p>
<p>Double Vertical Line using HTML Entity: &Vert;</p>
<p id="point">Double Vertical Line using CSS Entity: </p>

</body>
</html>

💻 Output

When you run the above program, it will print the following output:

Output

Double Vertical Line using Hexa Decimal: ‖
Double Vertical Line using HTML Code: ‖
Double Vertical Line using HTML Entity: ‖
Double Vertical Line using CSS Entity: ‖

✔ Conclusion:

Understanding and using HTML entities is fundamental for creating well-formatted, accessible web content. Whether you need to display special characters or ensure proper rendering of reserved symbols, HTML entities provide a standardized solution.