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 =
</ 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
Share your thoughts in the comments
Please Login to comment...