带边框的 CSS 跨度

Question

嗨，我不明白为什么我的边框跨度看起来像这样

这是背后的CSS

 color:red;
font-size: 12px;
background-color: #ffcaca;
background-image:url(/Content/x.png);
background-size: 20px 20px;
background-repeat:no-repeat;
background-position:2px;
padding: 5px;
border-radius: 5px 5px 5px;
border: 1px solid red;
padding-left: 25px;
position:relative;

和 html

 <tr>
    <td>
        <span>[...]</span>
    <td>
<tr>

原文由 theLaw 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以将 display: block 给 span 元素或使用 div 元素而不是使用 span 元素。

我更喜欢后者。

原文由 Mr_Green 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您因为不想接触模板而只想添加自定义 css 而陷入 wordpress 主题，使用 display: block 或 display: inline-block 将是完美的。

原文由 JeanCharles Amey 发布，翻译遵循 CC BY-SA 3.0 许可协议