Как заполнить бланк словами между ними?

Question

так что в основном я хочу заполнить пробел текстом между двумя входами, но я точно не знаю, как

Я пробовал

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

Но этовсе еще не прямая линия с двумя полями и текстом между ними.

То, что я пытаюсь достичь, это как заполнение кредитной карты, например, вы набираете несколько цифр, и, скажем, между ними есть тире, затем она переходит к следующей заливке для следующейцифры.

Возможно, это действительно легко исправить, но я только изучаю 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>