如何将<div>与句子中的文本对齐？

Question

我正在尝试制作一个模板，将文本自动填充到句子中。我现在已经完成了大部分工作，唯一的问题是在我使用 div 填充数据的任何地方，它都会将答案强制到下一行，而且看起来非常粗糙。如何使用div来造句？下面是它目前的样子。

我将访问 空白,

期间 空白

下面是我想要的样子。

我将在空白

期间访问*空白

目前这就是它在我的编辑器中的样子。我很新，所以我确信这是一些简单的东西，我只是还没有学会。

我将在 div id="output"blank/div 期间访问 div id="Timetext"blank/div 。

必须取出箭头才能正确张贴在这里。

Answer 1

不要使用 div 标签，而是使用 span 标签，并为每个 span 标签使用类名或 id。您可以使用类名来填充它（来调用它）。

<div class="fillups">
<span class = 'first'>I will be visiting on blank</span>
<!-- for space in between -->
&nbsp;&nbsp;
<span class = "second">during the blank</span>
</div>

以上是最简单的方法。如果您特别喜欢使用 div 标签，在 CSS 中，您可以对两个 div 标签 CSS 使用 display:inline 。

<div class="first" style="display:inline;">
    I will be visiting on blank
</div>

    &nbsp; &nbsp;
<div class="second" style="display:inline;">
    during the blank
</div>