CSS - 修复H3在移动设备，平板电脑上的重叠

Question

我正在使用Avada WordPress主题开发一个网站。 <h3>与title-heading-center类重叠从手机到平板电脑大小：

我已经尝试过添加多个样式到这个类，你可以从截图中看到：

word-break: break-all;
word-wrap: break-word;
display: block;
overflow: hidden;
word-break: break-word;
line-height: 33px;

唯一似乎有帮助的是word-break: break-word，它将内容集中在移动设备上。

我可以应用什么其他CSS样式来创建<h3>标题中的单词之间的间距？

Answer 1

尝试将其更改为line-height: 33px !important而不仅仅是line-height: 33px。虽然不建议您保持这种方式，但值得一试，看看问题是否存在。请注意，在开发人员工具的屏幕截图中，此属性当前已被删除，因此将被忽略。

或者，尝试使用类fusion-title更改其容器div的高度。在那里可能有一个容器div，这可以防止这些词成为正确的line-height。