Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:"\2013"}</style>
</head>
<body>
  <h1>En Dash (–)</h1>
  <p>Using Hex Code: &#x2013;</p>
  <p>Using HTML Code: &#8211;</p>
  <p>Using HTML Entity: &ndash;</p>
  <p id=point>Using CSS Entity: </p>
  <p>Date range: 2020&ndash;2025</p>
  <p>Pages 10&ndash;20. Compare: em &#x2014; vs en &#x2013; vs hyphen -</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for En Dash (–)