Выравнивание ярлыка и регулярного текста

Я пытаюсь получить текст для правильного выравнивания по вертикали без везения. Могу ли я получить помощь?

Вот базовый код:

    <div class="form-group">
        <label class="control-label col-md-2">Permalink</label>
        <div class="col-md-10">
            http://www.somedomain.com/cart/@Model.Offer.Id
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Offer.DateCreated, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DisplayFor(model => model.Offer.DateCreated)
            @Html.ValidationMessageFor(model => model.Offer.DateCreated)
        </div>
    </div>

Ответ 1

Per Документы Bootstrap, вы можете использовать <p class="form-control-static">[email protected]</p> для правильного выравнивания статического текста в группах форм.

Ответ 2

Вам нужно добавить display: inline или display: inline-block в <div class="col-md-10">, чтобы vertical-align работал.

Пример