Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:"\2018"}</style>
</head>
<body>
  <h1>Left Single Quotation Mark (U+2018)</h1>
  <p>Quote (hex): &#x2018;Hello&#x2019;</p>
  <p>Quote (decimal): &#8216;Hello&#8217;</p>
  <p>Quote (named): &lsquo;Hello&rsquo;</p>
  <p id=point>Quote (CSS): </p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Left Single Quotation Mark (U+2018)