html - 如何更改 中同一行的样式

Question

我有一个网页的一部分(包含 Bootstrap CSS)，其中包含 <div>使用我稍后在 javascript 中使用的 id“drop-zone”来实现拖放功能:

<div id="drop_zone">
    <p style="color: darkgray">Drop</p>
    <p style="color: black">test.txt</p>
    <p style="color: darkgray"> here</p>
</div>

我有 <p> s 在那里是因为我想改变这一行的样式，但是如果我使用上面的代码，或者如果我交换 <p> s <div> s，代码呈现在多行上，如下所示:

Drop

test.txt

here

当我真的希望它看起来像:

Drop test.txt here

我确信这是一个简单的解决方法，但这里有什么想法吗？

Answer 1

使用 <span> 而不是 <p> .