null
<p style="font-size:23px; font-weight:bold">Why Choose Ocho Rios?</p>
<span style="margin-right: 45em; display: inline;">
<a href="https://ibb.co/yQNgjsF"><img src="https://i.ibb.co/yQNgjsF/Quality-Icon.png"
alt="Quality-
Icon" border="0" height="100"></a>
<p>Exceptional Quality</p>
<p>Each of our menu items is cooked <br>from fresh, high quality ingredients. <br>Our spices are
in-
house blends.</p>
</span>
<span style="display: inline" ;>
<a href="https://ibb.co/ggYMK0v"><img src="https://i.ibb.co/ggYMK0v/Award-Icon-2.png" alt="Award-
Icon-2" border="0" height="100"></a>
<p>Exceptional Quality</p>
<p>Each of our menu items is cooked <br>from fresh, high quality ingredients. <br>Our spices are
in-house blends.</p>
</span>
<span style="margin-left: 45em; display: inline" ;>
<a href="https://ibb.co/Px8GMDD"><img src="https://i.ibb.co/Px8GMDD/Delivery-Icon.png"
alt="Delivery-
Icon" border="0" height="100"></a>
<p>Exceptional Quality</p>
<p>Each of our menu items is cooked <br>from fresh, high quality ingredients. <br>Our spices are
in-
house blends.</p>
</span>
null
试图让这些显示在同一条线上,而不是像楼梯一样交错。
我建议对元素使用更常规的标记:
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
然后我将使用css为行和col类将他们放在一行。 https://css-tricks.com/snippets/css/a-guide-to-flexbox/