HTML Entity | Middle Dot

Posted in HTML Tutorial

Updated on Feb 26, 2024

By Mari Selvan

👁️ 330 - Views

⏳ 4 mins

💬 1 Comment

Photo Credit to CodeToFun

Quick Reference

Let's have a look at HTML Entity Middle Dot in a Table View.

Name	Value
unicode	U+000B7
hex code	·
html code	·
html entity	·
css code	\000B7

📄 Example

The following example will demonstrate how to use Middle Dot using Hexa Decimal, HTML Code, HTML Entity and CSS Entity.

For a complete reference, go to our HTML Entities.

entity.html

Copied

<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\000B7";
  }
 </style>
</head>
<body>

<p>Middle Dot using Hexa Decimal: &#xb7;</p>
<p>Middle Dot using HTML Code: &#183;</p>
<p>Middle Dot using HTML Entity: &middot;</p>
<p id="point">Middle Dot using CSS Entity: </p>

</body>
</html>

💻 Output

When you render the HTML code provided above, it will display the following output:

Output

Middle Dot using Hexa Decimal: ·
Middle Dot using HTML Code: ·
Middle Dot using HTML Entity: ·
Middle Dot using CSS Entity: ·

✔ Conclusion:

Understanding and using HTML entities is fundamental for creating well-formatted, accessible web content. Whether you need to display special characters or ensure proper rendering of reserved symbols, HTML entities provide a standardized solution.