水平对齐框

Question

我创建了这三个盒子：

​

​

在我的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

删除块之间的断点标记