将文本附加到包含在2行上的H1标记

时间:2011-08-30 14:29:16

标签: css wrapping html-heading

我有一个H1标记,在同一行,紧跟H1标记后我有一个链接(在SPAN内)。我将H1标记和SPAN标记都设置为float:left,它们出现在同一行,就像我想要的那样。

然而,在偶然的情景中,当H1标签包含如此多的文本时,它会包裹到第二行,以下SPAN标记(内部链接)不再整齐地位于最后一部分的后面H1标记,但显示在下一行。

<h1 style="float:left;">some really long text here ... blah</h1><span style="float:left;"><a href="">my link</a></span>

目前这样呈现......

  

这里有一些很长的文字......
  的嗒嗒
  我的链接

..但我真的希望它看起来像这样......

  

这里有一些很长的文字......
   blah 我的链接

如何强制它始终将SPAN(包含我的链接)直接放在H1标签的最后一个单词后面,而不是将我的链接/跨度放在H1标签块内?

4 个答案:

答案 0 :(得分:8)

h1更改为display:inline,然后就不需要float:left

答案 1 :(得分:1)

您可以将H1设置为{ display:inline; }并删除两个浮点数。

答案 2 :(得分:0)

,宽度为h1或位置:绝对值为span。 但为此你需要将h1和span放入div容器

答案 3 :(得分:0)

您可以定义h1span的宽度,它应该有用。