Horizontal Line Extension

Shortcodes

Copy useful codes for horizontal line extension symbol ⎯ to use in websites, apps, blogs, and docs.

Unicode
U+23AF
HTML Code
⎯
HEX Code
⎯
CSS Code
\23AF
JS/JSON
\u23AF
Unix/C/PHP/JAVA
0x23AF
URL-encode
%E2%8E%AF

Customize Horizontal Line Extension

Customize ⎯, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use Horizontal Line Extension Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>⎯</span>
HTML Code:
<span>&#9135;</span>
HEX Code:
<span>&#x23AF;</span>

Add with CSS

.horizontal-line-extension::before {
  content: '\\23AF';
}

Set it in JavaScript

document.querySelector('.horizontal-line-extension').textContent = '⎯';
copied