Псевдо-елементи CSS

• ::before - створює псевдоелемент перед всім вмістом елемента (на початку).
• ::after - створює псевдоелемент після всього вмісту елемента (наприкінці).

.box::after{
content'my text';
}

.box::after{
content'';
width: 50ps;
backgroud-color: green;
display: block
}