Semantic-UI Card Floated Content Variation
Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing and responsive. The semantic UI Card element displays site content in a manner similar to a playing card using the Semantic UI classes. Semantic UI cards have multiple sections such as content, extra-content, approval, and description. In this article, we will learn about the Approval block of the Semantic UI card. Semantic-UI Card Floated Content Variation is used to display the card content on the left or right side using float. To make the content into the right side, we will use the right floated class, and to make the content left side, we will use the left floated class. By default, the content is floated to the left side.
Semantic-UI Card Floated Content Variation Classes:
- left floated: This class is used to float the content into the left side.
- right floated: This class is used to float the content into the right side.
<div class="ui card"> ... <div class="right floated"> ... </div> ... </div>
Example 1: In this example, we will describe the Semantic-UI Card Floated Content Variation.
Example 2: In this example, we will describe the Semantic-UI Card Floated Content Variation.
Please Login to comment...