HTML entity for the middle dot

HtmlHtml Entities

Html Problem Overview


I'm looking for the html code for the dot. Not the dot that's at the end of sentences but the dot that's used to separate items horizontally.

Item 1 . Item 2 . Item 3

The traditional dot is centered on the bottom of the line while the dot I'm looking for is centered on the middle.

Html Solutions


Solution 1 - Html

There's actually seven variants of this:

char   description          unicode   html       html entity    utf-8

·      Middle Dot           U+00B7    ·     ·       C2 B7
·      Greek Ano Teleia     U+0387    ·                    CE 87
•      Bullet               U+2022    •    •         E2 80 A2
‧      Hyphenation Point    U+2027    ₁                   E2 80 A7
∙      Bullet Operator      U+2219    ∙                   E2 88 99
●      Black Circle         U+25CF    ●                   E2 97 8F
⬤     Black Large Circle   U+2B24    ⬤                  E2 AC A4

Depending on your viewing application or font, the Bullet Operator may seem very similar to either the Middle Dot or the Bullet.

Solution 2 - Html

It's called a middle dot: ·

HTML entities:

  • ·
  • ·
  • ·

In CSS:

  • \00B7

Solution 3 - Html

Do you mean bulletpoints? • • •

•

Solution 4 - Html

That's a bullet: •

•

Solution 5 - Html

The semantically correct character is the Interpunct, also known as middle dot, as HTML entity

·

Example

>Home · Photos · About


You could also use the bullet point character, as HTML entity

•

Example

>Home • Photos • About

Solution 6 - Html

Try the HTML code: •

Which will appear as: •

Solution 7 - Html

This can be done easily using ·. You can color or size the dot according to the tags you wrap it with. For example, try and run this

<h2> I &middot; love &middot; Coding </h2>

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
QuestionfrenchieView Question on Stackoverflow
Solution 1 - HtmlRocketNutsView Answer on Stackoverflow
Solution 2 - HtmlNotMeView Answer on Stackoverflow
Solution 3 - HtmlCharlie GuoView Answer on Stackoverflow
Solution 4 - HtmlRobert C. BarthView Answer on Stackoverflow
Solution 5 - HtmlsplattneView Answer on Stackoverflow
Solution 6 - Htmluser5227346View Answer on Stackoverflow
Solution 7 - HtmlSssssupppView Answer on Stackoverflow