Border Symbols

Where border characters come from

The Box Drawing block (U+2500 to U+257F) holds 128 characters for drawing tables and frames in text mode, back when computers displayed only a grid of characters. Each one is a piece of a line: a horizontal run, a vertical run, a corner, a T-junction or a cross. They were designed to join edge to edge in a monospace font, so a row of ─ forms a continuous line and a ┌ meets a │ below it with no gaps. The Block Elements block (U+2580 to U+259F) adds solid and shaded blocks.

That origin explains most of what goes wrong with them in social posts. Those apps use proportional fonts, where characters are different widths, so the pieces no longer align. A multi-line box that looks perfect in a code editor can look jagged in a bio.

Light, heavy, double and rounded

The block offers four weights in several directions, and they do not all mix.

Rounded corners ╭ ╮ ╰ ╯ are arcs that use the light line for their straight parts, which is why you can combine ─ and │ with them. Mixing families, such as a double corner with a light line, leaves gaps in many fonts, because those combinations only exist for a limited number of pairs. Pick one family and stay with it.

Blocks and shading

▀ ▄ █ are the upper half, lower half and full block, and ░ ▒ ▓ are light, medium and dark shade. They are the basis of text-art bars, such as a progress bar ▓▓▓▓░░░░ or a thick underline ▄▄▄▄▄▄▄. The lower-eighths series ▁ ▂ ▃ ▅ ▆ ▇ is used for tiny bar charts and sparklines. Support is good because these characters have been in code pages since the 1980s, but heights may differ between fonts, so a rising row of bars can look stepped unevenly.

Frames and lines

In the last group each item is a string of several characters, so the label is a plain description of the look, not a Unicode name. A single line, such as ━━━━━━━━━━━━, is the most robust border: one repeated character cannot misalign with itself. A two-line frame needs the middle text to match the width of the top edge. If you add text between ╔ and ╗ in a proportional font, the right edge will not line up, no matter how many ═ you count.

A compromise that works on social platforms is to use only the top and bottom rules and no side characters, with the text centred between. The divider symbols page has more single-line separators, and the brackets page has frames for individual names rather than whole blocks.

Text and emoji presentation

Box-drawing and block characters are plain text; none of them has an emoji form, so they never turn into coloured pictures. The ornamental ❈ (HEAVY SPARKLE) and ≪ ≫ in the last frame are text characters too. If you add a character such as ✦ or ❤ to a frame, be aware that some of those can turn into emoji on phones, and the border will have one coloured element in a monochrome line.

Where borders work

• Discord. Inside a code block (three backticks), the font is monospace, so box drawing aligns. Outside, it does not. See the Discord fonts page.
• Instagram, TikTok and X bios. Short single lines work; multi-line boxes rarely align. Each platform sets its own rules and may change them, so check after saving.
• Plain text email and documents. A monospace font like Courier or Consolas makes frames work; in a proportional font they do not.
• Websites. Use CSS borders for real boxes. Text borders are decoration only.

How to type border characters

1. Windows Alt codes. These come from the DOS character set: Alt+196 ─, Alt+179 │, Alt+218 ┌, Alt+191 ┐, Alt+192 └, Alt+217 ┘, Alt+205 ═, Alt+186 ║, Alt+201 ╔, Alt+187 ╗, Alt+200 ╚, Alt+188 ╝. Use the numeric keypad with Num Lock on. They work in many classic programs but not every modern app.
2. Word on Windows. Type 2500 and press Alt then X for ─. Use 2501 for ━ and 2550 for ═.
3. Mac. Open the Character Viewer with Control, Command and Space and search “box drawings”.
4. Phones. Third-party keyboards sometimes list them; otherwise copy from this page or set a text replacement for a favourite line.

Accessibility

A screen reader announces box-drawing characters by name, such as “box drawings light horizontal”, sometimes once per character, so a 20-character border takes a noticeable moment to hear. Some readers collapse repeats into a count. Either way it adds noise. Keep borders short and use them only where decoration is useful. For anything important, rely on real headings and structure. The fancy text accessibility guide explains the principle. If a character shows as an empty box, read the boxes guide.