如何制作内联标记<a> display inline after a block tag <p>?

Question

I need help with HTML, I don't know how to do this. So I've got:

<p>Text text text Text text text Text text text Text text text Text text text Text text text Text text text Text text text Text text text <a href="#">Link</a></p>

So it will show:

> Text text text Text text text Text text text Text text text Text text > text Text text text Text text text Text text text Text text text > **Link**

How can I make this link be next to the text but not in the <p> tag? Is it possible?

Answer 1

只需将display:inline;添加到您的p标记中，如下所示：

p {
    display:inline;
}

或者，如果您不想更改每个p标记，请添加一个类并将属性添加到以下内容中：

＆＃13;

＆＃13;

p.sameLine {display:inline;}

＆＃13;

<p class="sameLine">Text text text Text text text Text text text Text text text Text text text Text text text Text text text</p> <a href="#">Link</a>

＆＃13;

＆＃13;

＆＃13;

jsFiddle：http://jsfiddle.net/AndrewL32/65sf2f66/60/

Answer 2

试试这个：

<p style="display:inline-block">paragraph</p>
<a href="#">anchor</a>

More information on the display property

Answer 3

请尝试这个：

<p style="display:inline">Text text text Text text text Text text text Text text text Text text text Text text text Text text text Text text text Text text text </p> <a href="#">Link</a>

Answer 4

如果您尝试

<p>
    <span class="normal-text">Lots of Texts</span>
    <a href="#">Link</a>
</p>

在HTML文件中

.normal-text
{
    max-height: 50px;
}

在相应的.css文件中，您就可以应用CSS样式

• <p>设置段落中的所有内容，包括文字和链接
• .normal-text为普通的非链接文字中的所有内容设置样式
• <a>设置与链接/锚点相关的所有内容。

有关max-height的信息，请参阅http://www.w3schools.com/cssref/pr_dim_max-height.asp。