css - 容器限制个别边距wordpress

Question

目前我正在制作一个 wordpress 页面，我想添加这些小的作者卡片(与图片相关)，我似乎无法将它们并排对齐。

我认为边距是限制我这样做的原因。

盒子由简码组成。我在样式表中创建了自己的 div，将宽度调整为 50%。然而，这些作者框位于一个容器内，该容器设置了固定边距，因此如果我尝试分别向左和向右浮动框，它们仍然彼此对齐。

此外，我尝试将单独的 div 标签添加到我的盒子中，以便通过 CSS 摆脱它，但仍然没有成功。

有什么方法可以覆盖原始边距吗？

Answer 1

应用此 CSS --

.author-shortcodes {
    display:inline-block;
}

这将使这 2 个盒子彼此相邻。如果应用此 CSS 并没有真正覆盖，请使用“display:inline-block !important;”相反。