Отображение символа звездочки (*) справа от текста надписи с использованием CSS

Question

Я бы хотел отобразить звездочку на тексте метки в нужном месте с помощью CSS, но не смог выполнить vaadin 8.6.2

.v-label-wrap {
content: " *";
color: red;
position: absolute;
white-space: normal !important;
word-break: normal !important;
word-wrap: normal !important;
}

Label lblAttr = new Label("Name");
lblAttr.addStyleName("wrap");

Звездочка * с красным цветом должна отображаться. Посоветуйте пожалуйста как решить эту проблему

Answer 1

Используя ::after, вот так:

.v-label-wrap::after {
    content: "*";
    color: red;
}

Больше информации о после: MDN :: после /: после

Часто используется для добавления косметического контента в элемент со свойством content. Это встроенный по умолчанию.