2014-11-06 85 views
0
<img src="nature.jpg" alt="Naturez" style="width:1350px; height:170px"> 
<p class="border"> 
<a href="https://www.facebook.com">Home Page</a> 

無論何時我在「主頁」後放置任何文本,文本總是在下面。如何將文本放在「主頁」旁邊?如何將文本放在邊框文本旁邊?

+0

顯示,請你怎麼輸入文本(在「主頁」之後)。 – Sami 2014-11-06 14:11:05

+0

這將是一個CSS問題 - 你可以分享你的風格? – 2014-11-06 14:11:12

+0

我們需要查看'.border'類的CSS。更好的是,[jsFiddle](http://jsfiddle.net)。 – 2014-11-06 14:12:01

回答

0

像@AlexW說的,需要關閉</p>。但也要注意,這可以在CSS中處理。

<p class="border" style="display: inline-block;"><a href...>Home Page</a></p> Text text text. 

但我會建議使用<p>標籤只能代表一個塊顯示段落,並使用風格<span>標籤添加邊框內嵌元素:

<p><span class="border"><a href="...">Home Page</a></span> Text text text.</p> 
+0

這真的幫助我感謝 – giglers 2014-11-09 08:17:31

0

我不確定它是否是一個錯字,但是您錯過了一個關閉</p>標記。

你需要把文本<p class="border"></p>有它旁邊的<a>元素顯示出來,因爲<p>是一個塊級元素,不會讓任何東西出現在它旁邊。該文本也可能會打包到下一行,因爲該區域太小而無法正確安裝。

+0

我認爲他正在把它放進去。 – 2014-11-06 14:10:56

0

您應該檢查標記以查看它被推下的原因。 「邊框」課是否設置了過窄的寬度?你可以增加這個屬性。您還可以在錨點元素上設置寬度以確保足夠寬。