CSS Rules For Labeling Any Element – Label.css

We use labels on many parts of web design like providing information about images, form elements, videos..

Label.css is a simple-yet-useful set of CSS rules that provide a global label usage.


Each label can be attached to any element, positioned how we want (right, left, top, bottom, inside, outside) and can be animated with float or fade effects.

It works by adding pre-defined classes to the elements and the content of the labels are stored inside the data-label attributes of each element.

Simply, a good addition to any stylesheet (or CSS framework).