Ярлыки не отображаются в браузере

Я пытаюсь создать две формы, где каждая строка формы имеет кнопку отправки в конце. Идея, которую я хочу создать, как на изображении ниже.

Однако, написав следующий код

<div class = "form widget widget-medium">
    <div class = "widget-header title-only">
        <h2 class = "widget-title">Queue View</h2>
    </div>
    <form method = "POST">
        

        <div>
            <label for = "Queue 1" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>

        <div>
            <label for = "Queue 2" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>

        <div>
            <label for = "Queue 3" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>

        <div>
            <label for = "Queue 4" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>


    </form>
</div>

<div class = "form widget widget-medium">
    <div class = "widget-header title-only">
        <h2 class = "widget-title">Booking View</h2>
    </div>
    <form method = "POST">
        

        <div>
            <label for = "Booking 1" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>

        <div>
            <label for = "Booking 2" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>

        <div>
            <label for = "Booking 3" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>

        <div>
            <label for = "Booking 4" class = "col-md-4 col-form-label text-md-right"></label><br />
            <button type = "submit" class = "btn medium">
                <span>View</span>
            </button>
        </div>


    </form>
</div>

Я получил этот результат:

Может кто знает, в чем проблема, что ярлыки не показывают? Что касается стиля, я до сих пор не исправил его, но моя главная проблема - это не отображаемые метки.

Заранее спасибо.