Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:"\3A"}</style>
</head>
<body>
  <h1>Colon (:) in HTML</h1>
  <p>Using Hex Code: &#x3A;</p>
  <p>Using HTML Code: &#58;</p>
  <p>Using HTML Entity: &colon;</p>
  <p id=point>Using CSS Entity: </p>
  <p>Time: 12&colon;30 &nbsp; Ratio: 16&colon;9</p>
  <p>Not Colon Equals &#x2254; (U+2254) or currency &#x20A1; (U+20A1)</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Colon (:)