Entidad HTML para el punto medio

192

Estoy buscando el código html para el punto. No es el punto que está al final de las oraciones, sino el punto que se usa para separar elementos horizontalmente.

Item 1 . Item 2 . Item 3

El punto tradicional se centra en la parte inferior de la línea, mientras que el punto que busco se centra en el medio.

frenchie
fuente
3
Desplácese hacia abajo a esto .
nieve

Respuestas:

286

Se llama punto medio : ·

Entidades HTML:

  • ·
  • ·
  • ·

En CSS:

  • \00B7
Yo no
fuente
317

En realidad, hay seis variantes de esto:

    descripción de caracteres unicode html html entity utf-8

    · Punto medio U + 00B7 & # 183; & middot; C2 B7
    • Bullet U + 2022 & # 8226; &toro; E2 80 A2
    ‧ Punto de separación con guiones U + 2027 & # 8321; E2 80 A7
    ∙ Operador de balas U + 2219 & # 8729; E2 88 99
    ● Círculo negro U + 25CF & # 9679; E2 97 8F
    ⬤ Círculo grande negro U + 2B24 & # 11044; E2 AC A4

Dependiendo de su aplicación de visualización o fuente, el Operador Bullet puede parecer muy similar al Middle Dot o al Bullet.

Nueces De Cohete
fuente
1
En una nota al margen, el estándar list-style: disc(y text-security: discutilizado para los campos de contraseña) parece ser la viñeta •.
Shaun Cockerill
¿podemos cambiar el color de este punto?
Satya
1
@Satya, son solo mensajes de texto. Color de distancia.
Isherwood
Gracias por el detalle completo! Exactamente lo que necesitaba saber.
Xonatron
136

¿Te refieres a viñetas? • • •

•
Charlie Guo
fuente
1
Curioso, ¿cómo es esto diferente al punto medio?
Xonatron
8
@Xonatron El punto medio es mucho más pequeño.
PinkTurtle
51

Eso es una bala: •

•
Robert C. Barth
fuente
25

El carácter semánticamente correcto es el Interpunct , también conocido como punto medio , como entidad HTML

·

Ejemplo

Inicio · Fotos · Acerca de


También puede usar el carácter de viñeta, como entidad HTML

•

Ejemplo

Inicio • Fotos • Acerca de

splattne
fuente
5

Prueba el código HTML: •

Que aparecerá como: •

usuario5227346
fuente
0

Esto se puede hacer fácilmente usando ·. Puede colorear o cambiar el tamaño del punto de acuerdo con las etiquetas con las que lo envuelve. Por ejemplo, intente ejecutar esto

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