Question

由于某种原因，我无法找到应该位于两列下方的按钮放在一边

https://tandarts-haarlem.nl/haarlem-zuid-centrum/

有谁能告诉我我失踪了什么？

<p style="text-align: center;">Een tandarts voor uzelf, uw kinderen of ouders;
Onze tandartspraktijk is gelegen op de grens van Haarlem centrum en Haarlem zuid.</p>

<div class="one-half first">
<div class="left-content"><i class="fa fa-compass fa-2x"></i></div>
<div class="right-content"><h3>Vaste tandarts</h3>
In onze praktijk voert steeds dezelfde tandarts de regie over de aan u geboden zorg.</div>
</div>

<div class="one-half">
<div class="left-content"><i class="fa fa-comments-o fa-2x"></i></div>
<div class="right-content"><h3>Wij nemen de tijd om te luisteren</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>

<div class="one-half first">
<div class="left-content"><i class="fa fa-diamond fa-2x"></i></div>
<div class="right-content"><h3>Global Support</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>

<div class="one-half">
<div class="left-content"><i class="fa fa-smile-o fa-2x"></i></div>
<div class="right-content"><h3>Cosmetische tandheelkunde</h3>
Om het u makkelijker te maken ons buiten werktijd te bezoeken zijn wij op donderdagavond tot 21u geopend.</div>
</div>

<div class="one-half first">
<div class="left-content"><i class="fa fa-thumbs-o-up fa-2x"></i></div>
<div class="right-content"><h3>Global Support</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>

<div class="one-half">
<div class="left-content"><i class="fa fa-clock-o fa-2x"></i></div>
<div class="right-content"><h3>Avondopening</h3>
Om het u makkelijker te maken ons buiten werktijd te bezoeken zijn wij op donderdagavond tot 21u geopend.</div>
</div>

<p class="center" style="text-align: center;"><a class="button large" href="https://tandarts-haarlem.nl">Klik hier voor meer informatie</a></p>

Answer 1

你应该尝试做像

这样的事情

ans =

     1     4     4     4     4     4     4
     2     5     5     5     5     5     5
     3     6     6     6     6     6     6

这似乎比你做的更简单

它在css中，只是认为我应该澄清

Answer 2

您的按钮位于跟随其他浮动元素的段落中，您需要清除它们。对于包含该按钮的段落，添加clear:both

Answer 3

编辑按钮所在段落的代码：

<p>
<div style=clear:both> 
<a class="button large" href="tandarts-haarlem.nl">Klik hier voor meer informatie</a> 
</div> </p>

解决

按钮被放置在站点内部

3 个答案: