Seams to be working as it's supposed to. All it does is set a max width based off character length. It will then show an ellipse (...) if possible. You can use the below to also clamp it to a single line.
Code:
.cbUserListFC_FIELD-NAME-HERE {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200ch;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
That should look a bit better on your site. This can be simplified to the following as well if you just want to always only allow for 1 line taking up the full width.
Code:
.cbUserListFC_FIELD-NAME-HERE {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
Aside from that you're going to have to use PHP if you need more control over limiting the length and formatting. So you'd need to use a Code field provided by CB Code Field then apply whatever PHP you need to that field by substituting the fields value into your PHP and manipulating it.