Custom CSS gives it some power

“The free version of this plugin seems limited in capacity” – it only seems able to make circles, rectangles, and rounded rectangles, all horizontal, unless you use custom CSS. I will edit the review for clarity.

::before and ::after – Using the <span> element as a test case, I was easily able to add a class of “test” in your plugin settings. I then tried adding the following to the <span>’s custom CSS field in your plugin settings:

.test::after {
height: 30px;
width: 30px;
background: red;
display: block;
}

I then cleared my cache and refreshed my page front-end (in Chrome), and as I suspected, it tried to put that code inside the span’s existing selector, and it did not work:

.br_alabel.berocket_alabel_id_83352 > span {
.test: :after {;
height: 30px;
width: 30px;
background: red;
display: block;
}: ;
}

I tried the following selectors in the <span>’s custom CSS field, and none worked:

.test::after
test::after
::after
:after

I can probably use my child theme’s style.css to do it, using the selector
.br_alabel.berocket_alabel_id_83352 > span::after
That’s not a real problem, but it does look like this can’t be done in your plugin’s settings like you describe.