CSS Align

Center Element

To horizontally center a block element (like div) use "margin: auto".

Center Text

This text is centered.

Center Image

To center an image, set left and right margin to auto, and make it into a block element.

Paris

Center Text Horizontally and Vertically

To center the div element vertically and horizontally use padding and text-align.

CSS Pseudo-Elements

Pseudo-Element First Line

You can use the ::first-line pseudo-element to add a special effect to the first line of a text. Some more text. And even more, and more, and more, and more, and more, and more, and more, and more, and more, and more, and more, and more.

Pseudo-Element First Letter

You can use the ::first-letter pseudo-element to add a special effect to the first character of a text!

Pseudo-Element Before

The ::before pseudo-element inserts content before the content of an element.

Pseudo-Element After

The ::after pseudo-element inserts content after the content of an element.