Horizontal Bar
―
Shortcodes
Copy and paste codes for Horizontal Bar symbol ― to use in your websites, apps, blogs, and more.
Unicode
U+2015
HTML Code
―
HEX Code
―
CSS Code
\2015
JS/JSON
\u2015
Unix/C/PHP/JAVA
0x2015
URL-encode
%E2%80%95
copied
Customize Horizontal Bar Symbol
Customize ― symbol as you like and download Horizontal Bar as SVG or PNG or copy its HTML code to use in your projects.
Preview helps customize symbol. Downloaded image and HTML code may have size/spacing
differences.
―
How to add Horizontal Bar symbol in HTML, CSS, and JS?
Insert ― Horizontal Bar using HTML
1. Copy-paste Horizontal Bar directly:
<span>―</span>2. HTML Decimal Code:
<span>―</span>3. Hexadecimal Code:
<span>―</span>Preview:
―
Add Horizontal Bar symbol with CSS
.horizontal-bar::before {
content: '\\2015';
}Preview: Horizontal Bar
Horizontal Bar JavaScript Code
1. Direct Symbol:
document.querySelector('.horizontal-bar').textContent = '―';2. Unicode Escape for ―:
document.querySelector('.horizontal-bar').textContent = '\u2015';Preview: ―
Related Punctuation Symbols
View all Punctuation Symbols„
Double Low-9 Quotation Mark
⹂
Double Low-Reversed-9 Quotation Mark
‛
Single High-Reversed-9 Quotation Mark
Ⓐ
Circled Latin Capital Letter A
⁝
Tricolon
⁞
Vertical Four Dots
…
Horizontal Ellipsis
*
Asterisk
٭
Arabic Five Pointed Star
※
Reference Mark
⁂
Asterism
⁎
Low Asterisk
⁑
Two Asterisks Aligned Vertically
⁕
Flower Punctuation Mark
‐
Hyphen
‒
Figure Dash
‗
Double Low Line
‖
Double Vertical Line
–
En Dash
—
Em Dash
'
Apostrophe
¡
Upside Down Exclamation Mark
¿
Upside Down Question Mark
>
Greater-than Sign
<
Less-than Sign
‾
Overline
·
Middle Dot
。
Ideographic Full Stop
⁃
Hyphen Bullet
⁌
Black Leftwards Bullet
⁍
Black Rightwards Bullet
‣
Triangular Bullet