Drawing text boxes and arrows using an html table

Table with arrows

At vero eos et accusam
et justo duo dolores
et ea rebum. 		→ magna aliquyam erat,
sed diam voluptua
┃ ↘
Lorem ipsum dolor sit amet,
takimata sanctus est consetetur		 ┄ no sea takimata sanctus est Lorem
⇡ ↙
sed diam nonumy eirmod tempor

Table with arrows and labels

moves to
right
At vero eos et accusam
et justo duo dolores
et ea rebum. 		→ magna aliquyam erat,
sed diam voluptua
↓ moves downwards
↘ moves to down right
Lorem ipsum dolor sit amet,
takimata sanctus est consetetur		 ← no sea takimata sanctus est Lorem
moves upwards ⇡
↙
sed diam nonumy eirmod tempor

Arrow and line symbols

↑↑
↓↓
→→
←←
↔↔
↖↖
↗↗
↘↘
↙↙
⇠⇠
⇡⇡
⇢⇢
⇣⇣
⇽⇽
⇾⇾
──
━━
││
┃┃
╱╱
╲╲
┄┄
┅┅
┆┆
┇┇
||
\\
//
More smbols at w3schools: arrows, lines,