Name and symbol in a row

Hello,
how do I get the gender symbols in line with the usernames? Would prefer to see them before the username.

 

Wrap name and gender in span elements. I'm not sure how this relevant to CB? Is this custom rendering in CB Online Module?

Yes, it is the CB online module. I'm just surprised that it is shown below each other. So correct with CSS?

Provide the contents of the "User-text" parameter.

Nothing was entered in the module settings under "User-Text".
[cb:userdata field="username" /] [cb:userdata field="cb_gender" /]
it does not work. Username is displayed correctly, but with cb_gender the symbol is not output, but man or woman, depending on what people enter when registering (mandatory field).

userdata substitutions do not include HTML. Please read through the substitution tutorial below carefully. You need to use userfield substitutions if your field outputs some sort of formatted HTML. As for them showing on 2 different lines that's entirely on you and the HTML you supply. If you want them on same lines try surrounding them with spans or creating a flexbox row to contain them in.

www.joomlapolis.com/documentation/279-community-builder/tutorials/18353-using-substitutions-throughout-cb