删除div之前的新行

Question

我有这样的代码

<p><span>On this day,<div class="underline-text">Sunday</div>,we, the undersigned:</span></p>

和我的css

.underline-text {
    display: inline-block;
    border-bottom: 2px solid black;
    width: auto;
}

但我的问题是当我运行此代码时，显示如下：

On this day,

    `Sunday,we, the undersigned:`

我需要的是这样的：

`On this day,Sunday,we, the undersigned:`

我是怎么做到的？ 注意：我使用bootstrap 3.

更新：工作，我是愚蠢的，所以我将<div>更改为<span>。谢谢大家的回答。

为什么我得到-2票？我的问题是错的???我只是问一个简单的问题，而且我知道我是如此愚蠢，因为我在跨度上使用内联块。但为什么我这个减去???

Answer 1

进行此调整：

On this day, <span class="underline-text">Sunday</span>,we, the undersigned:

div元素中的p是无效的HTML。段落元素在div元素开始之前关闭。

以下是浏览器呈现代码的方式：

有关此行为的完整说明，请参阅：https://stackoverflow.com/a/41538733/3597276

Answer 2

<p>或<span>标记不能包含其中的块级元素。大多数浏览器会将其拆分为2个单独的段落。请检查此答案：https://stackoverflow.com/a/5441670/6424295

也许尝试使用<div>代替段落并删除<span>代码，因为我认为它们并没有真正做任何事情。

Answer 3

是。它应该是这样的：

＆＃13;

＆＃13;

.underline-text {
    display:inline-block;
    border-bottom: 2px solid black;
    width: auto;
}

＆＃13;

<div>
<p>
     
     On this day,<span class="underline-text">Sunday</span>,we, the undersigned:
     
</p>
</div>

＆＃13;

＆＃13;

＆＃13;