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

HtmlAscii

Html Problem Overview


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

Html Solutions


Solution 1 - Html

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

Solution 2 - Html

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 - Html

► from Wolfram Alpha

Solution 4 - Html

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 - Html

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

http://brucejohnson.ca/SpecialCharacters.html

Solution 6 - Html

You can use Bootstrap glyphicons.

<span class="glyphicon glyphicon-play"></span><br>
<span class="glyphicon glyphicon-play-circle"></span><br>
<span class="glyphicon glyphicon-triangle-right"></span><br>

Remember to also include Bootstrap and jQuery in the <head> element.

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

JSFiddle explaining this: https://jsfiddle.net/canada/dfr90pac/

Solution 7 - Html

Well, you could use an image and display it in the <img> tags. On their click event, you could write some JavaScript code. You could search the images in Google.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionBenView Question on Stackoverflow
Solution 1 - HtmlelclanrsView Answer on Stackoverflow
Solution 2 - HtmlsilverliebtView Answer on Stackoverflow
Solution 3 - HtmlTill HoffmannView Answer on Stackoverflow
Solution 4 - HtmlAlexView Answer on Stackoverflow
Solution 5 - HtmlMetalFrogView Answer on Stackoverflow
Solution 6 - Htmluser13096898View Answer on Stackoverflow
Solution 7 - Htmlkaran kView Answer on Stackoverflow