对齐表中的内容-WordPress

问题描述 投票:0回答:1

我正在尝试将内容对齐到图像的右侧。

网站是:https://thehayexchange.co.uk

您可以看到列表左侧的缩略图,但文本已拆分。知道我如何拥有它,以便所有文本都在缩略图的右侧流动吗?

wordpress
1个回答
0
投票

如果您能够编辑HTML,则可以使用Flexbox进行。

您需要更改HTML结构,以使文本全部位于一个容器内,例如:

<div class="container">

    <div class="image">
        <img src="image.jpg" />
    </div>

    <div class="text">
        <div class="first-text-block"></div>
        <div class="second-text-block"></div>
    </div>

 </div>

然后将它们与Flexbox对齐:

.container {
    display: flex;
    flex-flow: row wrap;
}
© www.soinside.com 2019 - 2024. All rights reserved.