如何以与父文本连续的跨度显示文本

Question

我有一个div标签，它有一个文本，然后是一个span标签。问题是跨度文本显示在下一行。但我想在父文本旁边显示范围文本。以下是结构。

<div>
some text
<span>Lorem IpsumNepal is located in the southern part of the Asian continent. Nepal is a landlocked country situated between two large countries Below we have a list of all messages. Each is one row. </span>
</div>

所以，我需要一些CSS才能做到这一点。

Answer 1

将此添加到您的css中

span{
    display: inline-block;
}

正如其他人所说，这是跨度的默认行为。您可能会有一些css覆盖此默认行为。

Answer 2

如果您希望跨度显示在父文本下方，请尝试使用以下css样式

span {
display: block;
}

结果： 一些文字 Lorem IpsumNepal位于亚洲大陆的南部。尼泊尔是一个位于两个大国之间的内陆国家。下面我们列出了所有信息。每一行都是一行。