[Floating label] Does floating label work only within menu/item elements?

[smartm0use]

Hello,
I need to put a circular label under an icon, something like this:

I did it, but I expect to do it in a easiest way, using floating label.
Does it work only if it is an item inside a menu?

https://jsfiddle.net/jk5pnugL

[lubber-de]

As mentioned in the docs https://fomantic-ui.com/elements/label.html#floating

A floating label must be positioned inside a container with position: relative to display properly.

Add position:relative to your div wrapper and it works as expected
See https://jsfiddle.net/lubber/teprd9bs/3/

[smartm0use]

Oh, sorry, my mad. Seeing menu/item examples only has been misleading for me.
Thank you so much for your support, as usual ;)