Html CSS-在句子中使用多个CSS类

.dot{
高度：12px；
宽度：12px；
背景色：红色；
边界半径：50%；
显示：内联块；
}
.红色标签{
颜色：红色；
字体大小：粗体；
}

本季度的在线销售额为

高
预测显示销售将继续上升

不要使用标签标记非段落的内容。
您应该使用标记（这是一个通用的内联contar），而不是

.dot{
高度：12px；
宽度：12px；
背景色：红色；
边界半径：50%；
显示：内联块；
}
.红色标签{
颜色：红色；
字体大小：粗体；
}

本季度的在线销售额为
高
预测显示销售将继续上升。

不要使用标签标记非段落的内容。
您应该使用标记（这是一个通用的内联contar），而不是

.dot{
高度：12px；
宽度：12px；
背景色：红色；
边界半径：50%；
显示：内联块；
}
.红色标签{
颜色：红色；
字体大小：粗体；
}

本季度的在线销售额为
高
预测显示销售将继续上升。

有几个错误：

div

不是自动关闭的，所以这是无效的HTML

p

标记是块级元素，因此它们将始终（除非您更改CSS中的属性）移动到下一行。将所有

p

和

div

标记更改为

span

或使用CSS将p更改为

inline

，例如

p{display:inline}

一些错误：

div

不是自动关闭的，因此这是无效的HTML

p

标记是块级元素，因此它们将始终（除非您更改CSS中的属性）移动到下一行。将所有

p

和

div

标记更改为

span

或使用CSS将p更改为

inline

，例如

p{display:inline}