水平对齐盒子

Question

我创建了这3个框：

在我的WordPress网站上，但我有时间调整它们。

这是后端的样子：

[one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]

<h3><font color ="000000">Get Daily Motivation</font></h3>

<div class="fb-like" data-href="https://www.facebook.com/Medically-Supervised-Fitness-538796346231284/?fref=ts" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>[/one_fourth]

[one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]

<h3><font color = "000000">Watch MSF Channel</font></h3>

<div class="g-ytsubscribe" data-channel="MedSupervisedFitness" data-layout="default" data-count="default"></div>[/one_fourth]

[one_fourth_last boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]

<h3><font color = "000000">Follow Us on Instagram</font></h3>

}

<span class="ig-follow" data-id="522d6eb32d" data-handle="a_littlebit_of_fashion" data-count="false" data-size="small" data-username="false"></span>[/one_fourth_last]

Answer 1

这些框之间有换行符（<br>）。 WordPress会自动从您提供的代码中的新行生成它们。您的代码应如下所示：

[one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]<h3><font color ="000000">Get Daily Motivation</font></h3><div class="fb-like" data-href="https://www.facebook.com/Medically-Supervised-Fitness-538796346231284/?fref=ts" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>[/one_fourth][one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]<h3><font color = "000000">Watch MSF Channel</font></h3><div class="g-ytsubscribe" data-channel="MedSupervisedFitness" data-layout="default" data-count="default"></div>[/one_fourth][one_fourth_last boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]<h3><font color = "000000">Follow Us on Instagram</font></h3><span class="ig-follow" data-id="522d6eb32d" data-handle="a_littlebit_of_fashion" data-count="false" data-size="small" data-username="false"></span>[/one_fourth_last]

Answer 2

删除块之间的分隔符