css - 使用和为带边距的文本创建背景

Question

我目前正在使用它作为<span>样式文本。

.tag {
    background-color:rgba(0,0,0,0.6);
    font-weight: bold;
    padding: 5px;
}

但是，当我在它下面添加一些时，所有边框都相互接触。因为它是 a <span>，所以我不能指望它们能够移动，但是如果我使用 a<div>或设置文本所在的原始样式<p>，则背景会延伸到整行。

这是一种两全其美的方法吗？

编辑

按照display: inline建议，我的代码现在是：

.tag {
    background-color:rgba(0,0,0,0.6);
    font-weight: bold;
    padding: 5px;
    margin-top: 10px;
    display: inline;
}

您可以在此页面的右侧看到它的显示方式。

Answer 1

display:block并且display:inline是不同的......默认情况下DIV是块......跨度是内联的。但是，您可以使用display:属性更改默认行为