Box Drawing characters with examples

box-drawing.md

Box drawing fun

A few boxes drawn with Unicode box drawing characters:

╔═╦═╗
╠═╬═╣
║ ║ ║
╚═╩═╝

┏━┳━┓
┣━╋━┫
┃ ┃ ┃
┗━┻━┛

┌─┬─┐
├─┼─┤
│ │ │
└─┴─┘

╭─╥─╮
╞═╬═╡
│ ║ │
╰─╨─╯

No idea WTF this is useful for, but whatever.

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

Complete list

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

Works for me:

So it really is just me.

Thanks for letting me know!

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

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.

Is there any software that makes this easier?

• https://www.tablesgenerator.com/text_tables (check Use Unicode symbols for table borders)
• 

game board for tic-tac-toe

Doesn't really function for me the best, but is a monospace font on ChromeOS & Fedora Linux. I have a way to fix this; go to your browser settings and look for an option to change fonts. Then, configure it to your will. Try using a pure monospace font like "Agave" or just "Monospace" if that helps. Then, try rendering it again and I think it'll work.

just putting this here since i'll need it later
╭─╥─╮ ╞═╬═╡ │ ║ │ ╰─╨─╯

┏─┯━┳━┓╔══╗
┃ ├─╂─┨║  ║
┃ │ ┗━┛╚══╝
┖─┘

btw, what your experiencing is the browser shortening double spaces. so whenever you use more than one space in HTML the browser shortens it to just one unless you use no-break space

There actual use