Blaze UI Typography Paragraphs
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;" > w3wiki </ 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;" > w3wiki </ h1 > < h2 >Blaze UI Typography Paragraphs </ h2 > < span class = "c-paragraph" > w3wiki is a computer science portal for Beginner. 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
Contact Us