HTML Entity for Degree Sign (°)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+00B0

What Is Degree Sign?

Degree sign (°) is the Unicode character at U+00B0 in the Latin-1 Supplement block. Official name: DEGREE SIGN. Use it for temperatures, angles, and geographic coordinates.

Remember
Character     °
Unicode       U+00B0
Named entity  °
Hex entity    °
Decimal       °
CSS escape    \00B0
Not the same  ℃ / ℉ (letterlike)

Prefer ° in HTML markup. Pair with a unit for temperatures: 25°C or 72°F.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity°HTML markup (preferred)
Direct character°HTML text (UTF-8)
Hex entity°HTML markup
Decimal entity°HTML markup
CSS escape\00B0Stylesheet content

When to Use Which

SituationUse
Temperature (everyday)°C or °F
Angles / coordinates90°, 40.7° N
Single Celsius letterlike symbol℃ U+2103
Single Fahrenheit letterlike symbol℉ U+2109
Generated text via ::before / ::aftercontent: "\00B0"

Live Preview

Degree sign rendered in common contexts.

Temperature 25°C   72°F
Large glyph °
Angle Right angle: 90°
Compared °C   ℃   °F   ℉
With entities Named: ° | Hex: ° | Decimal: °

Complete HTML Example

One page that shows Degree Sign with named, hex, decimal, CSS escape, and typed character — plus temperature examples. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce ° in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Degree Sign (°) in HTML</title>
  <style>
    #point::after {
      content: "\00B0";
    }
  </style>
</head>
<body>
  <p>Degree using Named Entity: &deg;</p>
  <p>Degree using Hex Code: &#x00B0;</p>
  <p>Degree using HTML Code: &#176;</p>
  <p id="point">Degree using CSS Entity: </p>
  <p>Typed directly: °</p>
  <p>Temperature: 25 &deg;C   Angle: 90 &deg;</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &deg; is the HTML5 name for U+00B0 → °. Best default in markup.

2. Hex: U+00B0 → &#x00B0; in HTML. Same glyph as the named form.

3. Decimal: same code point as 176 → &#176;. Same result as hex and named.

4. CSS: use \00B0 in content (not an HTML entity). #point::after appends that ° after the paragraph text.

5. Typed / composed: paste ° in UTF-8, or write 25&deg;C and 90&deg; for real-world use.

Pitfalls & Tips

Common mistakes when working with Degree Sign.

Units

Add the unit letter

A lone ° is unclear for temperature. Prefer 25&deg;C or 72&deg;F.

℃

Not letterlike Celsius / Fahrenheit

℃ and ℉ are single symbols. &deg;C / &deg;F are usually clearer and more compatible.

Ordinal

Not a masculine ordinal

Do not confuse degree with &ordm; (º, U+00BA) used in some languages for ordinals.

CSS vs HTML

Do not mix escapes

\00B0 belongs in CSS strings. &deg; / &#x00B0; / &#176; belong in HTML.

Spacing

Keep style consistent

Pick one spacing rule (25&deg;C vs 25&nbsp;&deg;C) and use it across the page.

Semicolon

End references

Always finish with ; — write &deg;, not &deg.

Browser Support

Degree sign (U+00B0) and its entity forms (&deg;, &#x00B0;, &#176;, CSS \\00B0) are supported in all mainstream browsers.

✓ Universal support

Degree Sign (&#x00B0;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+00B0 / entities Full support

Bottom line: Prefer &deg; in HTML. Use &#x00B0; or &#176; when numeric form is required, and \\00B0 only inside CSS content.

Key Takeaways

  • Unicode: degree sign is U+00B0 (decimal 176) — glyph °.
  • HTML: prefer &deg;, or use &#x00B0; / &#176; / type °.
  • CSS: use \00B0 inside content for generated text.
  • Temperatures: prefer &deg;C / &deg;F over letterlike ℃ / ℉ for everyday UI.

One line: U+00B0 → &deg; / &#x00B0; / &#176; / CSS \00B0 / type °.

Frequently Asked Questions

Use &deg; (named), &#x00B0; (hex), &#176; (decimal), type ° directly in UTF-8, or the CSS escape \00B0 in content. Prefer &deg; in normal HTML.
U+00B0 (DEGREE SIGN). Hex 00B0, decimal 176. It belongs to the Latin-1 Supplement block.
Yes. Use &deg; — the preferred form in HTML markup. Numeric forms &#176; and &#x00B0; also work.
Use &deg; plus a unit letter (C or F) for everyday temperatures. Use U+2103 or U+2109 only when you specifically need the single letterlike Celsius or Fahrenheit symbols.
HTML entities (&deg;, &#176;, or &#x00B0;) go in markup. The CSS escape \00B0 goes in stylesheet strings (usually content on ::before/::after).
Yes. Write angles like 90&deg; or coordinates like 40.7&deg; N. Keep a thin space or no space per your style guide.

Did you know?

Degree sign is Unicode U+00B0 (decimal 176) — glyph °. HTML5 names it &deg;. Pair it with a unit letter for temperatures (e.g. &deg;C, &deg;F). It is not the single letterlike symbols ℃ or ℉.

Next: Delta Equal To

Learn the HTML entity for delta equal to (U+225C).

Delta Equal To tutorial →

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.

8 people found this page helpful