Semantic-UI Loader Inline Center Variation Last Updated : 20 Feb, 2022 Comments Improve Suggest changes Like Article Like Report 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 interactive interfaces. It can also be directly used via CDN like bootstrap. Semantic-UI Loader Inline Center Variation is used to place the loader to the inline center. Used Class: centered inline: This class is used to place the loader to the inline center. Syntax: <div class="ui active centered inline loader"></div> Example 1: In this example, we will describe the loader inline center variations. HTML <!DOCTYPE html> <html> <head> <title> Semantic-UI Loader Inline Center Variations </title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> <style> .ui.segment { padding: 50px 0; } </style> </head> <body> <div class="ui container center aligned"> <h2 style="color:green"> GeeksforGeeks </h2> <h3>Semantic-UI Loader Inline Center Variations</h3> </div> <div class="ui container"> <div class="ui segment"> <div class="ui active inline centered loader"></div> </div> </div> </body> </html> Output: Example 2: In this example, we will describe the loader inline center variations. HTML <!DOCTYPE html> <html> <head> <title> Semantic-UI Loader Inline Center Variations </title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> <style> .ui.segment { padding: 50px 0; } </style> </head> <body> <div class="ui container center aligned"> <h2 style="color:green"> GeeksforGeeks </h2> <h3>Semantic-UI Loader Inline Center Variations</h3> </div> <div class="ui container"> <div class="ui segment"> <div class="ui active inline center dimmer"> <div class="ui text loader"> GeeksforGeeks Loading... </div> </div> </div> </div> </body> </html> Output: Reference: https://semantic-ui.com/elements/loader.html#inline-center Comment More infoAdvertise with us Next Article Semantic-UI Loader Inline Center Variation A ashokjaiswal Follow Improve Article Tags : Web Technologies CSS Geeks Premier League Geeks-Premier-League-2022 Semantic-UI Semantic-UI Elements +1 More Similar Reads Semantic-UI Loader Inline Variation 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 interactive interfaces. It can also be directly used via CDN li 2 min read Semantic-UI Loader Inverted Variation 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 interactive interfaces. It can also be directly used via CDN li 2 min read Semantic-UI Placeholder Line Length 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 looks more amazing. In this article, we are going to learn about Placeholder Variations. The Semantic-UI 2 min read Semantic-UI Image Centered Variations 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 boots 2 min read Semantic-UI Loader Variations 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 interactive interfaces. It can also be directly used via CDN li 4 min read Like