如何在中间用单词填空？

Question

所以基本上我想用两个输入之间的文本来填充空白，但是我不知道怎么做

我尝试过

<input class="fill-out"></input>
<h5 class="nowrap">Test</h5>
<input class="fill-out"></input>

但是两个框和两者之间的文本仍然不是一条直线。

我要实现的目标就像填写信用卡一样，例如，您键入一些数字，然后说一个破折号，然后转到下一个数字以填写下一个数字。 / p>

可能对此非常简单，但我只是学习html，这是我首次尝试制作一个简单的网站。

Answer 1

将它们包装在div周围，并使用以下属性为其添加样式：display: inline-block

<div style="display: inline-block">
    <input class="fill-out"></input>
    <h5 class="nowrap">Test</h5>
    <input class="fill-out"></input>
</div>