240

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.

0

7 Answers 7

424

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
  • 2
    On a side note, the standard list-style: disc (and text-security: disc used for password fields), seems to be the Bullet •. Sep 5, 2018 at 3:31
  • can we change the color of this dot?
    – Sssssuppp
    Apr 28, 2019 at 17:59
  • 4
    @Satya, they're just text. Color away.
    – isherwood
    May 13, 2019 at 16:49
  • 1
    Thanks for the full detail! Exactly what I needed to know.
    – Xonatron
    Feb 15, 2020 at 1:22
  • 2
    Funny story: ˙ is not one of these. Jul 7, 2020 at 2:49
326

It's called a middle dot: ·

HTML entities:

  • ·
  • ·
  • ·

In CSS:

  • \00B7
0
148

Do you mean bulletpoints? • • •

•
2
  • 1
    Curious, how is this different than middle dot?
    – Xonatron
    May 10, 2016 at 12:04
  • 8
    @Xonatron Middle dot is way smaller.
    – PinkTurtle
    May 13, 2016 at 9:52
55

That's a bullet: •

•
0
29

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

5

Try the HTML code: •

Which will appear as: •

1

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.