This is a sample hand diagram using the CSS modified in custom CSS
Let's test pre markup !C and !c should be clubs ♣
Line 2
North Deals
N-S Vul
North
♠ Q T 9
♥ A 8 7 6 5 4 3 2
♦ K J
♣ —
West
♠ —
♥ K J
♦ Q T 9
♣ A 8 7 6 5 4 3 2
East
♠ K J
♥ —
♦ A 8 7 6 5 4 3 2
♣ Q T 9
South
♠ A 8 7 6 5 4 3 2
♥ Q T 9
♦ —
♣ K J
Possible tighter spacing
North Deals
N-S Vul
North
♠ QT9
♥ A8765432
♦ KJ
♣ —
West
♠ —
♥ KJ
♦ QT9
♣ A8765432
East
♠ KJ
♥ —
♦ A8765432
♣ QT9
South
♠ A8765432
♥ QT9
♦ —
♣ KJ
Just a simple hand diagram, subset is hand south
♠ 2
♥ AT6542
♦ AQT
♣ J76
Sometimes we hand inline hand - one line
♠ 2
♥ AT6542
♦ AQT
♣ J76
Testing Side by Side
West
♠ Q83
♥ J9732
♦ KQT
♣ AJ
East
♠ J742
♥ AKQ4
♦ 6
♣ KQ64