{| class="tilted"
{{TiltedHeader|text=Column header 1}}
{{TiltedHeader|text=Column header 2|css=color: blue}}
{{TiltedHeader|text=Column header 3}}
|-
| a || b || c
|-
| d || e || f
|}
Will produce:
Column header 1 |
Column header 2 |
Column header 3 |
---|---|---|
a | b | c |
d | e | f |
To change the height and/or width, you may add headers like this:
{{TiltedHeader|text=Column header 3|css=height: 180px|divCss=width: 50px}}
...and to change the border-bottom or padding, you can use spanCss:
{{TiltedHeader|text=Column header 4|spanCss=padding: 10px; border-bottom: 2px outset #ccc;}}
Column header 1 |
Column header 2 |
Column header 3 |
Column header 4 |
---|---|---|---|
a | b | c | x |
d | e | f | y |