Semantic-UI Statistics Variations Floated Variant
Semantic UI is a modern framework used in developing seamless designs for the website, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks.
Semantic-UI Statistics offers us two types of statistics with the six types of variation like Horizontal, Coloured, Inverted, Evenly, Floating, and different sizes. In this article, we will learn about the Semantic-UI Statistics Variations Floated Variant.
Semantic-UI Statistics Floated Variation offers different variations to align the other contents like paragraphs, headings, etc to be aligned to which direction. The contents and the Statistics element are nested inside a class for the Floating direction.
Semantic-UI Statistics Floated Variation Classes:
- left floated: This means that the Statistics will be floated in the left direction of the content.
- right floated: This means that the Statistics will be floated in the right direction of the content.
Syntax: Set the Floated either left or right of the Statistics to the rest of the content as follows
<div class="ui Floated-Classes statistic"> <div class=".."> ... </div> <div class=".."> ... </div> </div>
Below example illustrate the Semantic-UI Statistics Variations Floated Variant:
Please Login to comment...