Blaze UI Typography Paragraphs

Last Updated : 11 May, 2022

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= 
"https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css" /> 
</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= 
"https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css" /> 
</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>