HTML Entity for Double Vertical Line (‖)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2016

What Is Double Vertical Line?

Double vertical line (‖) is the Unicode character at U+2016 in the General Punctuation block. Official name: DOUBLE VERTICAL LINE. It is used as a separator, in norm notation (e.g. ‖x‖), and related punctuation.

Remember
Character     ‖
Unicode       U+2016
Named entity  ‖
Hex entity    ‖
Decimal       ‖
CSS escape    \2016
Not the same  | (|) · ∥ (∥)

Prefer ‖ in HTML markup (capital V; also aliased as ‖). You can also type ‖ in UTF-8, or use numeric forms when needed.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity‖HTML markup (preferred)
Alias name‖HTML markup (same glyph)
Direct character‖HTML text (UTF-8)
Hex entity‖HTML markup
Decimal entity‖HTML markup
CSS escape\2016Stylesheet content
Single bar (related)| or | (U+007C)Ordinary vertical bar

When to Use Which

SituationUse
Double vertical line / norm bars‖ or type ‖
Single vertical bar| / |
Parallel-to operator∥ / ∥
Divides / mid∣ / ∣
Generated text via ::before / ::aftercontent: "\2016"

Live Preview

Double vertical line rendered alone and in a simple norm example.

Example ‖x‖ = 5
Large glyph ‖
Compared ‖   |   ∥   ∣
With entities Named: ‖ | Hex: ‖ | Decimal: ‖

Complete HTML Example

One page that shows Double Vertical Line with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce ‖, plus a norm example and a comparison with |.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Double Vertical Line (‖) in HTML</title>
  <style>
    #point::after {
      content: "\2016";
    }
  </style>
</head>
<body>
  <p>Double bar using Named Entity: &Vert;</p>
  <p>Double bar using Hex Code: &#x2016;</p>
  <p>Double bar using HTML Code: &#8214;</p>
  <p id="point">Double bar using CSS Entity: </p>
  <p>Typed directly: ‖</p>
  <p>Norm: &Vert;x&Vert; = 5</p>
  <p>Compared: &Vert; vs &vert;</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &Vert; is the HTML5 name for U+2016 → ‖. Best default in markup (capital V; also &Verbar;).

2. Hex: U+2016 → &#x2016; in HTML. Same glyph as the named form.

3. Decimal: same code point as 8214 → &#8214;. Same result as hex and named.

4. CSS: use \2016 in content (not an HTML entity). #point::after appends that ‖ after the paragraph text.

5. Typed / uses: paste ‖ in UTF-8, write &Vert;x&Vert; for a norm, or contrast with &vert; (|).

Pitfalls & Tips

Common mistakes when working with Double Vertical Line.

Case

Capital V matters

&Vert; is double vertical line (‖). &vert; is single bar (|). The names are case-sensitive.

||

Not two ASCII bars

Typing || is two U+007C characters, not U+2016. Use &Vert; when you need the real double-line glyph.

∥

Not &parallel;

&parallel; is parallel-to (U+2225). It can look similar in some fonts but is a different Mathematical Operators character.

Alias

Longer name works too

&Verbar; is an HTML5 alias for the same character as &Vert;. Prefer the short form in everyday markup.

CSS vs HTML

Do not mix escapes

\2016 belongs in CSS strings. &Vert; / &#x2016; / &#8214; belong in HTML.

Fonts

Punctuation font coverage

Some fonts draw ‖ almost like ||. Prefer a font with clear General Punctuation coverage for display.

Semicolon

End named entities

Always finish with ; — write &Vert;, not &Vert.

Browser Support

Double vertical line (U+2016) and its entity forms (&Vert;, &#x2016;, &#8214;, CSS \\2016) are supported in all mainstream browsers. Visible glyphs depend on punctuation font coverage.

✓ Universal support

Double Vertical Line (&#x2016;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+2016 / entities Full support

Bottom line: Prefer &Vert; in HTML. Use &#x2016; / &#8214; when numeric form is required, and \\2016 only inside CSS content.

Key Takeaways

  • Unicode: double vertical line is U+2016 (decimal 8214) — glyph ‖.
  • HTML: prefer &Vert; — also &#x2016; / &#8214; / type ‖.
  • CSS: use \2016 inside content for generated text.
  • Meaning: ‖ = double bar — not &vert;, not ||, not &parallel;.

One line: U+2016 → &Vert; / &#x2016; / &#8214; / CSS \2016.

Frequently Asked Questions

Use &Vert; (named), &#x2016; (hex), &#8214; (decimal), type ‖ directly in UTF-8, or the CSS escape \2016 in content. Prefer &Vert; in normal HTML.
U+2016 (DOUBLE VERTICAL LINE). Hex 2016, decimal 8214. It belongs to the General Punctuation block (U+2000–U+206F).
Yes. Use &Vert; (capital V) or the alias &Verbar;. Numeric forms &#8214; and &#x2016; also work. Do not use &vert; — that is the single vertical bar U+007C.
Use it for double-bar separators, norm notation (‖x‖), or similar punctuation. Prefer | / &vert; for a single bar, and &parallel; when you need the parallel-to operator ∥.
HTML entities (&Vert;, &#8214;, or &#x2016;) go in markup. The CSS escape \2016 goes in stylesheet strings (usually content on ::before/::after).
No. &Vert; is ‖ (U+2016). &vert; is | (U+007C). &parallel; is ∥ (U+2225). Entity names are case-sensitive.

Did you know?

Double vertical line is Unicode U+2016 (decimal 8214) — glyph ‖ in the General Punctuation block. HTML5 names it &Vert; (also &Verbar;). Ordinary vertical bar is &vert; or | (U+007C). Parallel-to is &parallel; (U+2225) — a different math operator.

Next: Double Vertical Line Above

Learn the HTML entity for combining double vertical line above (U+030E).

Double Vertical Line Above tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful