<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; ?
答案 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>