HTML <small> Tag

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 3 Examples
Text & Semantics
HTML small tag tutorial — fine print, disclaimers, and side comments
Overview

What You’ll Learn

The <small> tag marks side comments, fine print, and ancillary text. This guide covers syntax, global attributes, disclaimers, footnotes, accessibility, and when to use CSS instead.

01

Fine Print

Disclaimers.

02

Side Comments

Secondary text.

03

Syntax

Inline element.

04

Styling

class & style.

05

Footnotes

With sup.

06

A11y

Stay readable.

Fundamentals

What Is the <small> Tag?

The <small> tag is an inline HTML element that represents side comments and fine print — text that is typically rendered smaller than the surrounding content. Browsers apply a smaller font size by default.

✅
Valid HTML5 — Text-Level Semantic

Use small for disclaimers, copyright, legal notes, and annotations — not merely to shrink text for decoration. For visual sizing alone, prefer CSS font-size.

Common uses include footer disclaimers, terms-of-service notes, and footnote markers in articles.

Foundation

📝 Syntax

Wrap the ancillary text within opening and closing small tags:

small.html
<small>Your small text here</small>

Inline in a Paragraph

inline-small.html
<p>
  Price shown is approximate
  <small>(taxes may apply)</small>.
</p>

Syntax Rules

  • small is phrasing content — use inside block elements like p, footer, or figcaption.
  • Do not nest headings inside small.
  • Ensure reduced text remains readable (avoid extremely tiny font sizes).
  • Pair with sup for superscript footnote markers when needed.
Cheat Sheet

⚡ Quick Reference

TopicCode SnippetNotes
Basic small<small>...</small>Fine print
Copyright&copy; 2026 CompanyIn footer
Footnote marker<sup><small>[1]</small></sup>Annotations
Stylingclass="fineprint"Global attr
vs CSS onlyfont-size in CSSVisual only
Browser supportUniversalAll browsers
Comparison

⚖️ <small> vs CSS font-size

ApproachPurposeWhen to use
<small>Semantic fine print / side commentDisclaimers, copyright, legal notes
CSS font-sizeVisual presentation onlyDesign tweaks without semantic meaning
Obsolete <big>Larger text (removed)Do not use — use CSS instead
Reference

🧰 Attributes

The <small> tag has no tag-specific attributes. Use standard global attributes like class and style for styling and customization.

small.html
<small class="highlight" style="color: #666;">Custom styled small text</small>
class / id Global

Hook for CSS classes targeting fine print or footer disclaimers.

class="fineprint"
style Global

Inline color, font-size, or spacing adjustments.

style="color: #666;"
lang Optional

Declare language when disclaimer text differs from the page language.

lang="fr"
title Optional

Extra tooltip context for abbreviated legal or technical notes.

title="Terms apply"
Try styled small text
Hands-On

Examples Gallery

Fine print, disclaimers, and footnote markers with copy-ready code and live previews.

👀 Live Preview

Inline side comment with smaller typography:

Price shown is approximate (taxes may apply).

📚 Common Use Cases

Use <small> for fine print, legal disclaimers, copyright notices, and footnote markers.

Fine Print and Disclaimers

The small tag is often employed to display fine print or legal disclaimers at the bottom of a page:

fine-print-and-disclaimers.html
<small>
  &copy; 2026 Your Company. All rights reserved.
  This is a disclaimer text for informational purposes.
</small>
Try It Yourself

Footnotes and Annotations

In academic or article-based content, the small tag can be utilized for footnotes or annotations inside sup:

footnotes.html
<p>
  In his groundbreaking research<sup><small>[1]</small></sup>,
  the scientist made significant discoveries.
</p>
Try It Yourself
A11y

♿ Accessibility

  • Keep text readable — Do not shrink small text below ~12px equivalent; users must be able to read disclaimers.
  • Sufficient contrast — Fine print still needs readable color contrast against its background.
  • Do not hide critical info — Important legal terms should not be buried only in tiny text.
  • Semantic purpose — Use small for genuinely ancillary content, not to de-emphasize required information unfairly.

🧠 How <small> Works

1

Author marks ancillary text

Disclaimers, copyright, or notes are wrapped in small.

Markup
2

Browser renders smaller

User-agent styles reduce font size for small content.

Display
3

CSS can refine appearance

Use class or style for color, spacing, or layout.

Style
=

Clear visual hierarchy

Secondary text is de-emphasized without losing semantic meaning.

Compatibility

Browser Support

The <small> tag is supported in all major browsers, including Internet Explorer.

✓ Baseline · HTML4 / HTML5

Fine print everywhere

All browsers render <small> with reduced typography by default.

100% Core tag support
Google Chrome Fully supported
Full support
Mozilla Firefox Fully supported
Full support
Apple Safari Fully supported
Full support
Microsoft Edge Fully supported
Full support
Internet Explorer Fully supported · EOL
Full support
Opera Fully supported
Full support
<small> tag 100% supported

Bottom line: Use <small> confidently for fine print in any browser.

Wrap Up

Conclusion

Mastering the <small> tag helps you present side comments and fine print with clear semantic meaning. Use it judiciously to enhance readability and aesthetics without sacrificing accessibility.

View Examples Gallery Try fine print example
Pro Tips

💡 Best Practices

✅ Do

  • Use small for disclaimers, copyright, and side comments
  • Ensure reduced text remains readable
  • Combine with CSS for refined fine-print styling
  • Test contrast and legibility on mobile screens

❌ Don’t

  • Use small only for decorative font shrinking
  • Hide essential legal information in unreadable tiny text
  • Replace semantic markup with bare font-size when meaning matters
  • Use obsolete big for larger text
Summary

Key Takeaways

Knowledge Unlocked

Six truths every developer should know about <small>

Bookmark these before you add fine print to your pages.

6
Core concepts
📝 01

Fine Print

Side comments.

Purpose
© 02

Copyright

Footer notes.

Use case
📚 03

Footnotes

With sup.

Pattern
🎨 04

class / style

Customize.

Attributes
♿ 05

Readable

Stay legible.

A11y
🌐 06

100% Support

All browsers.

Compatibility
🎯 You’re ready to mark up fine print correctly
Review Quick Reference →

❓ Frequently Asked Questions

It represents side comments, fine print, disclaimers, and other ancillary text typically shown smaller.
No for decoration only. Use small when the content is semantically secondary. Use CSS font-size for visual tweaks.
No. Use global attributes like class, id, and style.
Yes. Wrap markers like [1] in <sup><small>[1]</small></sup>.
Yes. Full support in every major browser including Internet Explorer.

Mark up fine print

Practice <small> for disclaimers, copyright, and footnotes in the Try It editor.

Try fine print example →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

6 people found this page helpful

HTML shadow Tag HTML source Tag