How to use small formatting in HTML?


The <small> tag in HTML makes text font size smaller (one size smaller to the original font size) in the HTML document.

The HTML <small> tag is found inside the <body> tag. The <small> tag makes the text one size smaller.

Syntax

Following is the syntax for the <small> tag.

<small>The text…</small>

Example

Following is the example program for the <small> tag.

<!DOCTYPE html> <html> <body> <h1>Tutorials <small>point</small></h1> </body> </html>

Example

We can use <small> tag inside the HTML elements. Following is the example program for the <small> tag inside the <p> tag.

<!DOCTYPE html> <html> <head> </head> <body> <p>DLF stands for <small>Delhi Land and Finance.</small> <br> Delhi Land and Finance is one of the largest commercial real estate developer in India.</p> </body> </html>

Example

Following is the example program, uses CSS property to define smaller text in HTML. We can also use CSS property to define smaller text.

<!DOCTYPE html> <html> <head> <style> span.small{ font-size: smaller; } </style> </head> <body> <p> <span class="small">DLF stands for Delhi Land and Finance.</span></p> <p> Delhi Land and Finance is one of the largest commercial real estate developer in India.</p> </body> </html>

Updated on: 11-Nov-2022

217 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements