Semantic UI is an open-source development framework that provides pre-defined classes to make our website look beautiful, amazing, and responsive. It is similar to Bootstrap which has predefined classes. It uses jQuery and CSS to create the interfaces. It can also be directly used via CDN like bootstrap.

Semantic UI provides the user’s segment classes to place them on the website and look the segments more beautiful. In this article let us see about the segment text alignment variation:

Semantic UI Segment Text Alignment Variations Classes:

• left: This aligns the text to the left of the segment.
• right: This aligns the text to the right of the segment.
• center: This aligns the text to the center of the segment.

Syntax:    

<div class="ui Text-Alignment-Variations-Classes segment">
    ...
</div>  

Example 1: The following code demonstrates the segment text alignment variation left and right alignment.

Output:

Semantic-UI Segment Text Alignment Variation

Example 2: The following code demonstrates the segment text alignment variation center alignment.

Output:

Semantic-UI Segment Text Alignment Variation

Reference: https://semantic-ui.com/elements/segment.html#text-alignment