HTML entity for the middle dot

Question

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.

score 436 · Answer 1 · edited Jan 23 '21 at 00:37

436

There's actually seven variants of this:

    char   description          unicode   html       html entity    utf-8

    ·      Middle Dot           U+00B7    &#183;     &middot;       C2 B7
    ·      Greek Ano Teleia     U+0387    &#903;                    CE 87
    •      Bullet               U+2022    &#8226;    &bull;         E2 80 A2
    ‧      Hyphenation Point    U+2027    &#8321;                   E2 80 A7
    ∙      Bullet Operator      U+2219    &#8729;                   E2 88 99
    ●      Black Circle         U+25CF    &#9679;                   E2 97 8F
    ⬤     Black Large Circle   U+2B24    &#11044;                  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.

edited Jan 23 '21 at 00:37

Scott

3,736
2
26
44

answered Jun 22 '16 at 10:54

RocketNuts

9,958
11
47
88

2

On a side note, the standard `list-style: disc` (and `text-security: disc` used for password fields), seems to be the Bullet `•` `•`. – Shaun Cockerill Sep 05 '18 at 03:31
can we change the color of this dot? – Sssssuppp Apr 28 '19 at 17:59
5

@Satya, they're just text. Color away. – isherwood May 13 '19 at 16:49
1

Thanks for the full detail! Exactly what I needed to know. – Xonatron Feb 15 '20 at 01:22
3

Funny story: &dot; is not one of these. – Jonathan Rys Jul 07 '20 at 02:49

score 327 · Accepted Answer · edited Mar 15 '16 at 03:44

327

It's called a middle dot: ·

HTML entities:

·
·
·

In CSS:

\00B7

edited Mar 15 '16 at 03:44

Chris Martin

30,334
10
78
137

answered Aug 30 '11 at 22:10

NotMe

87,343
27
171
245

score 149 · Answer 3 · answered Aug 30 '11 at 22:10

149

Do you mean bulletpoints? • • •

&bull;

answered Aug 30 '11 at 22:10

Charlie Guo

1,491
1
8
2

1

Curious, how is this different than middle dot? – Xonatron May 10 '16 at 12:04
8

@Xonatron Middle dot is way smaller. – PinkTurtle May 13 '16 at 09:52

score 55 · Answer 4 · answered Aug 30 '11 at 22:10

55

That's a bullet: •

&bull;

answered Aug 30 '11 at 22:10

Robert C. Barth

22,687
6
45
52

score 29 · Answer 5 · answered May 18 '15 at 13:17

29

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

&middot;

Example

Home · Photos · About

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

&bull;

Example

Home • Photos • About

answered May 18 '15 at 13:17

splattne

102,760
52
202
249

score 5 · Answer 6 · edited Aug 14 '15 at 13:09

5

Try the HTML code: 

Which will appear as:

edited Aug 14 '15 at 13:09

Inkbug

1,682
1
10
26

answered Aug 14 '15 at 12:22

user5227346

51
1
1

score 1 · Answer 7 · answered May 15 '19 at 01:55

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>

answered May 15 '19 at 01:55

Sssssuppp

683
1
7
29

HTML entity for the middle dot

7 Answers7

Linked