How do I display ► Play (Forward) or Solid right arrow symbol in html?

Solution 1:

Yes, ►, but it might not look the same in all browsers.

Solution 2:

If you need to use it in CSS, as in

    li:before {
        content: '\25BA';
    }

This is the CSS conversion of ► A helpful tool for these conversions: evotech.net/articles/testjsentities.html

Solution 3:

► from Wolfram Alpha

Solution 4:

I tried using the ascii code but didn't like it as it always looked stretched.

Instead, I found an ingenious easily customizable solution online, that uses css and only manipulates the border property:

.play {
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  border-left: 20px solid black;
  height: 0px;
}
<div class="play"></div>

Solution 5:

Here's a long list of what you can use:

http://brucejohnson.ca/SpecialCharacters.html