如何将文本放在边框文本旁边?

时间:2014-11-06 14:05:40

标签: html css

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

每当我在&#34; Home Page&#34;之后放置任何文字时文字总是在下面。如何将文本放在&#34; Home Page&#34; ?

3 个答案:

答案 0 :(得分:0)

我不确定这是不是一个错字,但你错过了一个结束</p>标签。

您需要将文本放在<p class="border"></p>中,以使其显示在<a>元素旁边,因为<p>是块级元素并且不会让任何东西出现在它旁边。文本也可能包装到下一行,因为该区域太小而无法正确放入。

答案 1 :(得分:0)

您应该检查标记,看看它为什么被按下。 'border'类设置的宽度是否太窄?你可以增加这个属性。您还可以在锚元素上设置宽度,以确保它足够宽。

答案 2 :(得分: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>