Infinity symbol with HTML
HtmlHtml EntitiesInfinityHtml Problem Overview
How can I display an infinity symbol (like the one in the picture) using HTML?
https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Infinite.svg/200px-Infinite.svg.png" height="80" alt="infinity symbol" />
Html Solutions
Solution 1 - Html
Use the HTML entity ∞
or ∞
.
Solution 2 - Html
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.
Solution 3 - Html
∞
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.
Solution 4 - Html
From Wikipedia:
∞
Solution 5 - Html
According to List of XML and HTML character entity references:
∞
Solution 6 - Html
According to this page, it's ∞
.
Solution 7 - Html
∞ ∞
Solution 8 - Html
Like ЯegDwight said, you can use the HTML entity &infin
; 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';
}
Solution 9 - Html
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