Border symbols ╔ ═ ╗

Copy corner and edge characters like ╔ ═ ╗ ║ to frame your text, or grab a ready-made top and bottom border. Paste the top line, then your text, then the matching bottom line.

How to type it 52 symbols on this page

Border corners and edges27

Frame tops and bottoms16

Aesthetic borders9

How to type ╔

Copy and paste

Click to copy it, then paste with Ctrl + V (⌘ + V on a Mac) or a long press on phones.

Windows

Hold Alt and type 201 on the number pad (Num Lock on), then let go of Alt.

In Microsoft Word, type 2554 and press Alt + X.

Mac

Press Control + ⌘ + Space to open the Character Viewer, then search for “box drawings double down and right”.

iPhone and Android

Copy it here and paste it. To type it again later, save it as a text replacement (iPhone: Settings › General › Keyboard › Text Replacement; Gboard: Settings › Dictionary › Personal dictionary).

HTML and CSS

Unicode U+2554. Every format is on the box drawings double down and right page.

Codes for every border symbols

SymbolNameUnicodeHTMLAlt code
box drawings double down and right U+2554 ╔ Alt 201
box drawings double down and left U+2557 ╗ Alt 187
box drawings double up and right U+255A ╚ Alt 200
box drawings double up and left U+255D ╝ Alt 188
box drawings double horizontal U+2550 ═ Alt 205
box drawings double vertical U+2551 ║ Alt 186
box drawings double vertical and right U+2560 ╠ Alt 204
box drawings double vertical and left U+2563 ╣ Alt 185
box drawings double down and horizontal U+2566 ╦ Alt 203
box drawings double up and horizontal U+2569 ╩ Alt 202
box drawings double vertical and horizontal U+256C ╬ Alt 206
box drawings heavy down and right U+250F ┏ –
box drawings heavy down and left U+2513 ┓ –
box drawings heavy up and right U+2517 ┗ –
box drawings heavy up and left U+251B ┛ –
box drawings heavy horizontal U+2501 ━ –
box drawings heavy vertical U+2503 ┃ –
box drawings light down and right U+250C ┌ Alt 218
box drawings light down and left U+2510 ┐ Alt 191
box drawings light up and right U+2514 └ Alt 192
box drawings light up and left U+2518 ┘ Alt 217
box drawings light horizontal U+2500 ─ Alt 196
box drawings light vertical U+2502 │ Alt 179
box drawings light arc down and right U+256D ╭ –
box drawings light arc down and left U+256E ╮ –
box drawings light arc up and right U+2570 ╰ –
box drawings light arc up and left U+256F ╯ –

How to make a text border

A text frame is built line by line. Paste a top border like ╔═══════╗, then start and end each line of your text with ║, and finish with a bottom border like ╚═══════╝. Corners must match the line style: ╔ ╗ ╚ ╝ go with double ═ ║, ┏ ┓ ┗ ┛ with heavy ━ ┃, and ╭ ╮ ╰ ╯ with thin ─ │ for rounded corners.

Side bars only line up when every character has the same width, which means a monospace font. On Discord, wrap the whole frame in a code block (three backticks before and after) and it will look perfect. On Instagram, TikTok and most social apps, fonts are proportional, so use just a top and bottom border and skip the side bars.

Box-drawing characters explained

These characters come from the Box Drawing block of Unicode (U+2500 to U+257F). They go back to the text-mode screens of DOS computers, where code page 437 included lines and corners for drawing windows and menus, which is why many of them still have Windows Alt codes: Alt + 201 ╔, Alt + 187 ╗, Alt + 200 ╚, Alt + 188 ╝, Alt + 205 ═ and Alt + 186 ║.

Besides corners, the block has T-junctions (╠ ╣ ╦ ╩ and ├ ┤ ┬ ┴) and crosses (╬ ┼) for dividing a frame into sections or drawing tables. The block elements ▛ ▜ ▙ ▟ make chunky pixel-style frames.

Border ideas

For a soft, aesthetic look, use the scallop ︶︶︶ or lace ꒷꒦︶ borders above and below a short quote. For a bold announcement in a Discord server, try a heavy ┏━━┓ frame. Matching top and bottom pieces always look more polished than mixing styles.

For single lines between sections, see the divider symbols, for small boxes and checkboxes, the box symbol page, and for vertical and horizontal lines on their own, the line symbols.

Frequently asked questions

How do I put a border around text on Instagram?

Paste a top border on the line above your text and a matching bottom border on the line below. Skip the side bars, because Instagram's font will not line them up.

Why don't my border lines line up?

Box lines only align in a monospace font, where every character is the same width. Use a code block on Discord, or stick to top and bottom borders elsewhere.

What is the Alt code for ╔?

Hold Alt and type 201 on the number pad for ╔. The other double-line corners are Alt + 187 ╗, Alt + 200 ╚ and Alt + 188 ╝.