Skip to content

Instantly share code, notes, and snippets.

@flaviut
Last active October 22, 2024 14:31
Show Gist options
  • Save flaviut/0db1aec4cadf2ef06455 to your computer and use it in GitHub Desktop.
Save flaviut/0db1aec4cadf2ef06455 to your computer and use it in GitHub Desktop.
Box Drawing characters with examples

Box drawing fun

A few boxes drawn with Unicode box drawing characters:

╔═╦═╗
╠═╬═╣
║ ║ ║
╚═╩═╝
┏━┳━┓
┣━╋━┫
┃ ┃ ┃
┗━┻━┛
┌─┬─┐
├─┼─┤
│ │ │
└─┴─┘
╭╮
╰╯

No idea WTF this is useful for, but whatever.

 ╳
╱ ╲
╲ ╱
 ╳
╱ ╲
▏ ▕
▔▔▔

Complete list

─
━
│
┃
┄
┅
┆
┇
┈
┉
┊
┋
┌
┍
┎
┏
┐
┑
┒
┓
└
┕
┖
┗
┘
┙
┚
┛
├
┝
┞
┟
┠
┡
┢
┣
┤
┥
┦
┧
┨
┩
┪
┫
┬
┭
┮
┯
┰
┱
┲
┳
┴
┵
┶
┷
┸
┹
┺
┻
┼
┽
┾
┿
╀
╁
╂
╃
╄
╅
╆
╇
╈
╉
╊
╋
╌
╍
╎
╏
═
║
╒
╓
╔
╕
╖
╗
╘
╙
╚
╛
╜
╝
╞
╟
╠
╡
╢
╣
╤
╥
╦
╧
╨
╩
╪
╫
╬
╭
╮
╯
╰
╱
╲
╳
╴
╵
╶
╷
╸
╹
╺
╻
╼
╽
╾
╿
@matheusmoreira
Copy link

So it really is just me.

Your browser might be rendering the Box Drawing characters in a sans-serif font rather than monospaced.

To test, look at the example below. The width of the Is, Ms and As should end at the same spot of it's rendered in a monospace font.

IIIII
MMMMM
AAAAA

All of those characters look right. It's just the box drawing characters that are screwed up. Browser must be using fallback fonts or something.

@LeninZapata
Copy link

Is there any software that makes this easier?

@flaviut
Copy link
Author

flaviut commented Sep 7, 2024

@Ahani-Samira
Copy link

game board for tic-tac-toe

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment