How can I display an infinity symbol (like the one in the picture) using HTML?
Use the HTML entity ∞ or ∞.
You can use the following:
- literal:
∞(if the encoding you use can encode it — UTF-8 can, for example) - character reference:
∞(decimal),∞(hexadecimal) - entity reference:
∞
But whether it is displayed correctly does also depend on the font the text is displayed with.
∞
This does not require a HTML entity if you are using a modern encoding (such as UTF-8). And if you're not already, you probably should be.
From Wikipedia:
∞ ∞ ∞
According to this page, it's ∞.
Like ЯegDwight said, you can use the HTML entity ∞ or ∞. A easy source of getting these codes, is to look at this entity list.
You can also use them in CSS, which was what I was looking for, just like font-awesome does. A simple CSS based solution would be to have something like:
.infinity-ico:before { content: '\221E'; } Infinity is a reserved character in HTML. Following are its values in various forms.
- Hex : 8734
- Decimal : 221E
- Entity : ∞
To use in html code
<p>The html symbol is ∞ </p> <p>The html symbol is ∞ </p> <p>The html symbol is ∞ </p> Reference : HTML Symbols - HTML Infinity Symbol
来源:https://stackoverflow.com/questions/2254913/infinity-symbol-with-html