Splitting up Label widget into HTML tags in order to apply different CSS stying to different parts of the label

I have required field labels (e.g. First Name *) where I wish the words to be black and the asterisk to be red. How can I apply different CSS styles within different 'divisions' in one label widget? Thanks,
1 answers

You can set a custom Class (addAsterix in the example below) to the label, then use the CSS :after construct to add a red asterix, like

.addAsterix:after {
    content: " *";
    color: red;
    font-weight: bold;