CSS：四面八方的强填充[重复]答案

【问题标题】：CSS: strong padding on all sides [duplicate]CSS：四面八方的强填充[重复]
【发布时间】：2019-08-13 23:06:00
【问题描述】：

我有简单的 HTML 和 CSS 代码，但问题不大。

我有一些文本和强大的跨度。现在，当我在所有侧面的 STRONG 上使用填充或边距时，填充仅在 RIGHT 和 LEFT 上使用，但我需要在所有侧面使用 PADDING 或 MARGIN。

有什么办法可以解决 thuis 问题吗？

div {
  background: red;
  padding: 30px;
}

strong {
  padding: 15px;
}

<div>
  <span>
    IJDDN<br>
    <strong>!!!!!!!!!!!!!!!!!!!!</strong><br>
    ajoSa saS ajsno<br>
    JSHaojns auS aksuoaS ausbn aSOUIAJ<br>
    ajshaoSNINas auBNSa
  </span>
</div>

【问题讨论】：

你能修改结构吗？
只要将 display: inline-block 添加到strong的样式中即可。

标签： html css

【解决方案1】：

这应该是您问题的解决方案，只需将display: inline-block;添加到<strong>的样式中

div {
  background: red;
  padding: 30px;
}

strong {
  padding: 15px;
  display: inline-block;
}

<div>
  <span>
    IJDDN<br>
    <strong>!!!!!!!!!!!!!!!!!!!!</strong><br>
    ajoSa saS ajsno<br>
    JSHaojns auS aksuoaS ausbn aSOUIAJ<br>
    ajshaoSNINas auBNSa
  </span>
</div>

【讨论】：

酷。更好的答案，因为块占用更多空间。