2014-11-06 148 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

您应该检查标记以查看它被推下的原因。 “边框”课是否设置了过窄的宽度?你可以增加这个属性。您还可以在锚点元素上设置宽度以确保足够宽。