2017-03-04 67 views
-3

對於原因,我無法找到一個應該兩列的下方爲中心按鈕被放置到一邊按鈕放在外部網站內

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> 
+0

顯示MVCE而不是鏈接 – dippas

+0

加上'明確:both'到包含'p' –

+0

請在這裏添加有意義的代碼和問題描述。請不要鏈接到需要修復的網站 - 否則,一旦 問題得到解決,或者您鏈接到的網站無法訪問,此問題將對未來的訪問者失去任何價值。發佈 [最小,完整和可驗證示例(MCVE)](http://stackoverflow.com/help/mcve) 顯示您的問題將幫助您獲得更好的答案。欲瞭解更多信息,請參閱 [我網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎?](http://meta.stackexchange.com/questions/125997/) 謝謝! – j08691

回答

0

你應該嘗試只是在做類似

#but_1 { position: absolute; right:whateverpx; top:whateverpx; } 

它似乎比你做什麼

它在CSS,只是想簡單一點我要澄清

0

您的按鈕在一個跟隨其他浮動元素的段落中,您需要清除它們。要包含按鈕的段落,加clear:both

+0

感謝指向我的解決方案=) –

0

編輯的代碼段中的按鈕中:

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

解決