Unable to Insert a line break before an element using CSS?

Its easy to have a line break before or after any element using css.

Simply add this property to the ::before or ::after class of any element:

.ClassName::after {
content: "\a";
white-space: pre-wrap;
}
.ClassName::before {
content: "\a";
white-space: pre-wrap;
}