Sample for monospace table

To handling monospace table, we could use preformatted block to keep everything from falling apart. See example below:

  Shilde
Offensive Magic     C
Defensive Magic     B
Support Magic       E
Long-Range Magic    D
  Total             D

We can take many advantage of <pre> html tag, these are:

  • Fixed text position (works best with monospace family font)
  • No wrapping text in small screen size
  • Customize its look with CSS (unless you’re premium user, F!ck)

Likewise, you can also Custom HTML block to add monospace table. With this approaching, we can take all advantages above plus CSS inline style (which preformatted couldn’t). However it is quite hard to use for anyone who doesn’t prefer a bit coding work.

  Shilde
Offensive Magic     C
Defensive Magic     B
Support Magic       E
Long-Range Magic    D
  Total             D