HTML <big> Tag

What You’ll Learn

By the end of this tutorial, you’ll understand legacy enlarged text markup and the modern CSS approach to sizing text.

What Was the <big> Tag?

The <big> element was an inline HTML tag that rendered enclosed text one font size larger than the parent text. Nesting multiple <big> tags increased size further.

HTML5 moved presentational formatting to stylesheets. Learn <big> to read legacy HTML, but style text size with CSS in all new work.

.highlight {
  font-size: 1.25rem;
  font-weight: 600;
}

📝 Syntax (Historical)

Wrap text between opening and closing <big> tags:

<big>Enlarged Text Here</big>

• <big> is an inline element—it nests inside paragraphs and lists.
• Nesting multiple tags increased size further on the legacy font scale.
• Self-closing syntax (<big />) is not valid in HTML.

⚖️ <big> vs <small>

These tags were once a pair for resizing text, but only <small> remains in HTML5:

Examples Gallery

Historical <big> patterns plus the modern CSS replacement. Legacy examples render for compatibility only—do not use in new code.

<p>Using <big>: <big>Enlarged Text Here</big></p>

<p>
  In this example, we emphasize the <big>key features</big> of our product.
</p>
<p>
  Make sure to check the <big>terms and conditions</big> before proceeding.
</p>

<style>
  .large-text { font-size: 1.25rem; font-weight: 600; }
</style>
<p>We emphasize the <span class="large-text">key features</span> of our product.</p>

♿ Accessibility

For readable, accessible text sizing:

• Use rem units — font-size: 1.25rem scales with user browser settings
• Use headings — h2, h3 for section titles instead of oversized paragraphs
• Avoid big for accessibility — it does not convey semantic importance to screen readers
• Limit enlargement — too many size changes hurt visual hierarchy

💡 Best Practices