How Can I Add a Line Break Before an Element Using CSS?

Inserting Line Breaks Before Elements with CSS

In this article, we explore how to insert a line break before an element using CSS. While attempting to use the content property as follows fails:

#restart:before { content: '<br/>'; }

We present a solution utilizing the A escape sequence in the pseudo-element's generated content:

#restart:before { content: '\A'; }

To ensure proper display, it may be necessary to add white-space:pre to the target element, such as:

#restart { white-space: pre; }

Note: The A escape sequence signifies the end of a line.

Alternatively, consider the following approach:

:before { content: ' '; display: block; }

The above is the detailed content of How Can I Add a Line Break Before an Element Using CSS?. For more information, please follow other related articles on the PHP Chinese website!