如何使用 CSS 将文本与 ICON 对齐

Question

我想将第二行文本与第一行文本对齐。 这是我网站的网址：https://stgbusiness.wpengine.com/

这是代码：

<img src="https://stgbusiness.wpengine.com/wp-content/uploads/2021/10/modules-icon.png" /><span class="m-icons">Contracts, Business Valuation and Pricing Negotiations</span>

有没有办法让这个文本对齐？

Answer 1

我认为你可以使用 flexbox 并这样做：

.note {
display: flex;
align-items: center;
}

<div class="note">
<img src="https://stgbusiness.wpengine.com/wp-content/uploads/2021/10/modules-icon.png" />
<span>
Learn from the best in the business. Our Broker advisory board has a combined 150 years worth of business brokering experience
</span>
</div>