Vertical Line
|
Shortcodes
Copy useful codes for vertical line symbol | to use in websites, apps, blogs, and docs.
Unicode
U+007C Alt Code
124 HTML Code
| HEX Code
| CSS Code
\007C JS/JSON
\u007C Unix/C/PHP/JAVA
0x7C URL-encode
%7C Customize Vertical Line
Customize |, download it as SVG or PNG, or copy the generated HTML snippet.
|
How to use Vertical Line Symbol in HTML, CSS, and JS
Insert in HTML
1. Direct symbol:
<span>|</span> HTML Code:
<span>|</span> HEX Code:
<span>|</span>Add with CSS
.vertical-line::before {
content: '\\007C';
}Set it in JavaScript
document.querySelector('.vertical-line').textContent = '|';