html居中小白点 

要在HTML文本中实现文本居中并添加小点，你可以使用以下HTML和CSS：

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        .centered-text {
            text-align: center; /* 文本水平居中 */
        }

        .dot {
            font-size: 20px; /* 设置小点的大小 */
            color: #000; /* 设置小点的颜色 */
            display: inline-block; /* 将小点设置为内联元素，使其与文本在同一行 */
        }
    </style>
</head>
<body>
    <div class="centered-text">
        此文本居中 <span class="dot">•</span>
    </div>
</body>
</html>
```

在上述示例中，我们创建了一个`div`元素，它具有类名`centered-text`，并且使用`text-align: center;`样式使文本水平居中。然后，我们在文本后面添加了一个`span`元素，它具有类名`dot`，并且包含一个小点（•）。小点的样式由`.dot`定义，它设置了小点的大小和颜色，并使用`display: inline-block;`使小点与文本在同一行显示。

这将在页面上显示一个文本居中并带有小点的效果。你可以根据需要调整文本和小点的样式。

 

posted @ 2023-10-25 11:38  小林222  阅读(117)  评论(0)    收藏  举报