Add a line break with pure CSS

Here’s how you can add add a line break after an element using pure CSS.

.element:after {

    content: '\A';
    white-space: pre;

}

How-tos

Tim Bennett is a web designer and developer. He has a First Class Honours degree in Computing from Leeds Metropolitan University and currently runs his own one-man web design company, Texelate.