提问者:小点点

保持跨度内联


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

试图让这些显示在同一条线上,而不是像楼梯一样交错。


共1个答案

匿名用户

我建议对元素使用更常规的标记:

<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/