[html] 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.

This question is related to html html-entities

The answer is


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.


Do you mean bulletpoints? • • •

•

That's a bullet: •

•

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>

Questions with html tag:

Embed ruby within URL : Middleman Blog Please help me convert this script to a simple image slider Generating a list of pages (not posts) without the index file Why there is this "clear" class before footer? Is it possible to change the content HTML5 alert messages? Getting all files in directory with ajax DevTools failed to load SourceMap: Could not load content for chrome-extension How to set width of mat-table column in angular? How to open a link in new tab using angular? ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment Angular 6: saving data to local storage Vue.js get selected option on @change Bootstrap 4 multiselect dropdown How to add bootstrap in angular 6 project? Angular 5 Button Submit On Enter Key Press Angular 5, HTML, boolean on checkbox is checked How to render string with html tags in Angular 4+? bootstrap 4 file input doesn't show the file name How can I execute a python script from an html button? Bootstrap 4: responsive sidebar menu to top navbar Stylesheet not loaded because of MIME-type Force flex item to span full row width Failed to load resource: the server responded with a status of 404 (Not Found) css Change arrow colors in Bootstraps carousel Bootstrap 4 Dropdown Menu not working? CSS Grid Layout not working in IE11 even with prefixes How to prevent page from reloading after form submit - JQuery Centering in CSS Grid Detecting real time window size changes in Angular 4 Angular 4 img src is not found (change) vs (ngModelChange) in angular Bootstrap 4: Multilevel Dropdown Inside Navigation Align the form to the center in Bootstrap 4 How to style a clicked button in CSS How do I change the font color in an html table? Redirecting to a page after submitting form in HTML Load json from local file with http.get() in angular 2 display: flex not working on Internet Explorer Scroll to element on click in Angular 4 How to extract svg as file from web page force css grid container to fill full screen of device How does the "position: sticky;" property work? HTML5 Video autoplay on iPhone Disable button in angular with two conditions? CSS hide scroll bar, but have element scrollable CSS grid wrapping How to load image (and other assets) in Angular an project? Flask - Calling python function on button OnClick event How can I make Bootstrap 4 columns all the same height? Wrapping a react-router Link in an html button

Questions with html-entities tag:

How to create string with multiple spaces in JavaScript Uses for the '&quot;' entity in HTML How to Code Double Quotes via HTML Codes Is there Unicode glyph Symbol to represent "Search" What's the right way to decode a string that has special HTML entities in it? Which characters need to be escaped in HTML? HTML entity for the middle dot HTML character codes for this ? or this ? What do &lt; and &gt; stand for? Transmitting newline character "\n" Infinity symbol with HTML Decode HTML entities in Python string? Replacing &nbsp; from javascript dom text node How to convert characters to HTML entities using plain JavaScript Convert HTML Character Back to Text Using Java Standard Library Adding HTML entities using CSS content