Skip to content
Related Articles

Related Articles

Blaze UI Typography Paragraphs

View Discussion
Improve Article
Save Article
  • Last Updated : 11 May, 2022
View Discussion
Improve Article
Save Article

Blaze UI is a free open source UI Toolkit that provides a great structure for building websites quickly with a scalable and maintainable foundation. All components in Blaze UI are developed mobile-first and rely solely on native browser features, not a separate library or framework. It helps us to create a scalable and responsive website fast and efficiently with a consistent style.

In this article, we will see Blaze UI Typography Paragraph. Paragraph class is used to add a paragraph text to the webpage. It provides the users to add multiline text content to the website.

Blaze UI Typography Paragraph class:

  • c-paragraph: This class is used to add a paragraph to the webpage.

Syntax:

<p class="c-paragraph">Write your content here...</p>

Example 1: Below example demonstrates the paragraph class of Blaze UI.

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0" />
  
    <link rel="stylesheet" href=
</head>
  
<body>
    <div class="u-centered">
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
          
        <h2>Blaze UI Typography Paragraphs </h2>
  
        <p class="c-paragraph">
            This Paragraph is written with the help of
            <i>c-paragraph</i>
            class in Blaze UI
        </p>
  
    </div>
</body>
  
</html>


Output:

 

Example 2: Below example demonstrates the multiline paragraph used in the <span> tag of Blaze UI.

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href=
</head>
  
<body>
    <div class="u-centered">
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
          
        <h2>Blaze UI Typography Paragraphs </h2>
  
        <span class="c-paragraph">
            GeeksforGeeks is a computer science 
            portal for Geeks. You can find here 
            various articles, tutorials, and quizzes.
            <br>You can also participate in 
            discussions and ask questions.
        </span>
    </div>
</body>
  
</html>


Output:

 

Reference: https://www.blazeui.com/components/typography


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!