Html Entity for the Middle Dot

Html Entity for the Middle Dot

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.

1

7 Answers

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.

5

It's called a middle dot: ·

HTML entities:

  • ·
  • ·
  • ·

In CSS:

  • \00B7
0

Do you mean bulletpoints? • • •

•
2

That's a bullet: •

•
0

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

Try the HTML code: •

Which will appear as: •

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>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Elena Rostova
Author

Elena Rostova

Elena Rostova holds a Master's degree in Public Health Journalism. She covers groundbreaking medical research, holistic wellness trends, mental health awareness, and nutritional science.