HTML Small Text

The HTML <small> element is used to represent text that is less prominent than the surrounding content. It is commonly used for copyright information, disclaimers, legal notices, comments, and other secondary information.

Browsers usually display <small> text in a smaller font size than the surrounding text. However, the main purpose of the <small> element is to identify secondary or side information, not simply to make text smaller.

What Is HTML Small Text?

The <small> element represents side comments and small print, such as copyright information or legal information.

For example, <small>Copyright © 2026 Web4Learners.</small>

A simple HTML example is:

<p>Web4Learners provides HTML tutorials. <small>Terms and conditions apply.</small></p>

The browser normally displays the text inside <small> smaller than the surrounding text.

HTML Small Syntax

The basic syntax is:

<small>Small Text</small>

You can use <small> inside paragraphs and other suitable HTML elements.

For example:

<p>Learn HTML easily. <small>Updated in 2026.</small></p>

Here, “Updated in 2026” is secondary information.

Why Use the <small> Element?

The <small> element is useful when you want to identify information that is less prominent than the main content.

Common examples include:

• Copyright notices
• Legal information
• Disclaimers
• Terms and conditions
• Website notes
• Additional comments
• Publication information

For example:

<p>Get started with HTML today.</p>

<small>This tutorial is intended for beginners.</small>

The second sentence provides additional information rather than being part of the main content.

HTML Small Text Example

Here is a simple example:

<!DOCTYPE html>
<html>
<head>
  <title>HTML Small Text</title>
</head>

<body>

  <h1>Web4Learners</h1>

  <p>
    Learn HTML, CSS, and JavaScript with easy tutorials.
  </p>

  <p>
    <small>Copyright © 2026 Web4Learners. All rights reserved.</small>
  </p>

</body>
</html>

The copyright notice will normally appear smaller than the main paragraph.

HTML Small vs CSS Font Size

There is an important difference between using <small> and CSS.

If your purpose is to communicate that the content is secondary or side information, <small> is appropriate.

For example, <small>Terms and conditions apply.</small>

If you simply want to change the font size for visual design, CSS is more appropriate.

<p class="small-text">This text is visually smaller.</p>

<style>
  .small-text {
    font-size: 14px;
  }
</style>

CSS controls presentation, while <small> provides semantic meaning.

Using Small Text for Copyright

One of the most common uses of <small> is copyright information.

For example:

<footer><small>Copyright © 2026 Web4Learners.</small></footer>

This makes the copyright notice less prominent than the main content.

Using Small Text for Disclaimers

The <small> element can also be used for disclaimers and additional notes.

For example:

<p>Free trial available for new users.</p>

<small>Terms and conditions may apply.</small>

The disclaimer is secondary information related to the main statement.

Using CSS with <small>

You can customize <small> with CSS.

<style>
  small {
    color: gray;
  }
</style>

<p>
  This is the main content.
  <small>This is additional information.</small>
</p>

The <small> element still provides its semantic purpose, while CSS changes its appearance.

You can also use a class:

<small class=”note”>Last updated: October 2026</small>

.note {
  color: gray;
  font-size: 13px;
}

Can <small> Be Used Multiple Times?

Yes. You can use multiple <small> elements on the same page.

<p>
  Price: ₹999
  <small>Including applicable taxes.</small>
</p>

<p>
  <small>Offer valid while supplies last.</small>
</p>

Each <small> element can contain separate secondary information.

HTML Small vs Other Text Elements

Element	Purpose	Typical Appearance
<small>	Secondary or side information	Smaller text
<strong>	Strong importance	Bold
<em>	Emphasis	Italic
<mark>	Highlighted content	Highlighted
<b>	Draw attention	Bold
<i>	Alternate voice or terminology	Italic

These elements should be selected based on the meaning of the content rather than only their default appearance.