ChattyPub

HTML

CSS

CSS - elements

CSS - classes

ChattyPub

Demo time

chatty-pub.hackersanddesigners.nl

Everything on its own line
tabs are optional
;DONT; ;FORGET; ;THE; ;SEMI-COLON;

Regular CSS is also possible

Set the page size to A5
Only works in MS Edge, Opera and Chrome

Set the page size to landscape
Again, Only works in MS Edge, Opera and Chrome :(

Force a page break after a message with this reaction

Upload the font first, and wait a bit.

### Text

- [letter-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing) - The letter-spacing CSS property sets the horizontal spacing behavior between text characters.
- [text-align](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) - The text-align CSS property sets the horizontal alignment of the content inside a block element.
- [text-transform](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) - The text-transform CSS property specifies how to capitalize an element's text. 
- [word-break](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) - The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
- [word-spacing](https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing) - The word-spacing CSS property sets the length of space between words and between tags.
- [text-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) - The text-shadow CSS property adds shadows to text.

ChattyPub

HTML

CSS

CSS

CSS - elements

CSS - classes

ChattyPub

Demo time

RTFM