Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:"\00BD"}</style>
</head>
<body>
  <h1>Fraction 1 By 2 (½) in HTML</h1>
  <p>Using Hex Code: &#x00BD;</p>
  <p>Using HTML Code: &#189;</p>
  <p>Using Named Entity: &frac12;</p>
  <p id=point>Using CSS Entity: </p>
  <p>Recipe: &frac12; cup flour</p>
  <p>Math: 2 &#x00BD; = 1</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Fraction 1 By 2 (½)