HTML Entity for Plus Minus (±)

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

What Is the Plus Minus Entity?

Plus-minus (±) is the Latin-1 Supplement character at Unicode U+00B1 (PLUS-MINUS SIGN). It marks a choice of sign or a tolerance — for example 5 ± 0.2.

Remember
Character     ±
Unicode       U+00B1
Named entity  ±  (also ±, ±)
Hex entity    ±
Decimal       ±
CSS escape    \B1
Related       ∓ (∓, minus-plus)

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ±. Prefer ± in HTML source for clarity.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity±HTML markup (also ±)
Hex entity±HTML markup
Decimal entity±HTML markup
CSS escape\B1Stylesheet content
Direct character±UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML source± or ±
Numeric entity required± or ±
Generated text via ::before / ::aftercontent: "\B1"
Plus only ++ — see Plus
Minus-plus ∓∓ — see Minus Plus

Live Preview

Plus-minus in tolerance and equation contexts.

Tolerance 5 ± 0.2
Large glyph ±
Named entity ± → ±
vs + / ∓ ±  |  +  |  ∓
With entities Named: ± | Hex: ± | Decimal: ±

Complete HTML Example

One page that shows this symbol with named, hex, decimal, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce ± in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Plus Minus (&plusmn;)</title>
  <style>
    #point::after {
      content: "\B1";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &plusmn;</p>
  <p>Using Hex Code: &#xB1;</p>
  <p>Using HTML Code: &#177;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Example: Length = 10 &plusmn; 2 cm</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &plusmn; (or &pm;) is the clearest HTML form and renders ±.

2. Hex: U+00B1 → &#xB1; in HTML. Same result as the named entity.

3. Decimal: same code point as 177 → &#177;. Same result as hex.

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

Pitfalls & Tips

Common mistakes when working with the plus-minus entity.

ASCII

+/- is not &plusmn;

Two ASCII characters look similar but are not the dedicated ± glyph. Prefer &plusmn; for correct typography.

Look-alikes

Not &mp;

&mp; is ∓ (minus-plus) — minus above plus. Use it when that order is required.

Aliases

&plusmn; = &pm;

Both (and &PlusMinus;) map to U+00B1. Pick one and stay consistent.

CSS vs HTML

Do not mix escapes

\B1 belongs in CSS. &plusmn; / &#xB1; / &#177; belong in HTML.

Encoding

Declare UTF-8

If you paste ± directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Browser Support

Plus-minus (U+00B1) and its entity forms (&plusmn;, &#xB1;, &#177;, CSS \\B1) are supported in all modern browsers. Glyph availability depends on the font.

✓ Universal encoding

Plus Minus (&plusmn;)

Encode with named, hex, decimal, or CSS escape — or paste ± directly in UTF-8 HTML.

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+00B1 Full support

Bottom line: Prefer &plusmn; (or &pm;) for readable HTML. Use \\B1 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+00B1 (decimal 177).
  • HTML: prefer &plusmn; (alias &pm;) — or use &#xB1; / &#177;.
  • CSS: use \B1 inside content for generated text.
  • Watch out: &plusmn; ≠ +/- ≠ &mp;.

One line: U+00B1 → &plusmn; / &#xB1; / &#177; / CSS \B1.

Frequently Asked Questions

Use &plusmn; or &pm; (named), &#xB1; (hex), &#177; (decimal), type ± in UTF-8, or the CSS escape \B1 in content. All render ±. Prefer &plusmn; in HTML source.
U+00B1 (PLUS-MINUS SIGN). Hex B1, decimal 177. It belongs to the Latin-1 Supplement block (U+0080–U+00FF).
Yes. HTML5 defines &plusmn;, &pm;, and &PlusMinus; (aliases for the same character). Related: &plus; for + and &mp; for ∓.
Use it for tolerances, uncertainty, and “plus or minus” in math and science (e.g. 10 ± 2). Prefer &plusmn; for readable source. For the reverse order (minus-plus) use &mp; (∓).
HTML entities (&plusmn;, &#177;, or &#xB1;) go in markup. The CSS escape \B1 is used in stylesheets (usually in the content property of ::before/::after). Both render ±.
Writing +/- with two ASCII characters is not the same glyph. ∓ (U+2213, &mp;) is minus-plus (minus above plus). ± (&plusmn;) is the dedicated plus-minus sign — prefer it for correct typography.

Did you know?

Plus-minus (±) is Unicode U+00B1 (decimal 177) — PLUS-MINUS SIGN in Latin-1 Supplement. HTML5 provides &plusmn;, &pm;, and &PlusMinus; (same glyph). It marks a choice of sign or a tolerance (e.g. 5 ± 0.2). Related: &minus; (−) and &mp; (∓, minus-plus).

Next: Plus Sign Below

Learn the HTML entity for combining plus below / U+031F — next in this sequence.

Continue 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