Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:"\27A0"}.flow-step::after{content:" \27A0 "}</style>
</head>
<body>
  <h1>Heavy Dashed Triangle Right Arrow (U+27A0)</h1>
  <p>Using Hex Code: &#x27A0;</p>
  <p>Using Decimal: &#10144;</p>
  <p id=point>Using CSS Entity: </p>
  <p><span class=flow-step>Step 1</span><span class=flow-step>Step 2</span><span>Step 3</span></p>
  <p>Next step &#x27A0;</p>
  <p>Compare: &#x27A0; dashed vs &#x27A8; concave vs &#x2192; simple</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Dashed Triangle Headed Right Arrow (➠)