CSS не работает в теге формы

Question

после применения тега формы в виде бритвы встроенный CSS не работает.

/* page titles */

hgroup.title {
  margin-bottom: 10px;
}

hgroup.title h1,
hgroup.title h6 {
  display: inline;
}

hgroup.title h6 {
  float: right;
  margin-top: 5px;
  font-weight: normal;
  margin-left: 3px;
}

@model IEnumerable<MvcApplication13.Models.New_Table>
@{
    ViewBag.Title = "Index";
}
@section featured {
        <section class="featured">
            <div class="content-wrapper">
                <hgroup class="title">
                    <h1>Welocome Admin</h1>
                    @using (Html.BeginForm("Index", "Home", FormMethod.Get))
                    {
                        <h6>@Html.TextBox("Search", "", new { style = "width:150px" })<input type="submit" value="Search" /></h6>
                }
                </hgroup>
            </div>
        </section>
}

Мне нужно окно поиска в середине дизайна, но оно появляется под дизайном.

Answer 1

Вы должны рассмотреть возможность использования flexbox

hgroup.title {
        margin-bottom: 10px;
        display: flex;
        align-items:center;
        justify-content:center;
    }

    hgroup.title h1, hgroup.title h6 {
        display: inline;
    }

    hgroup.title h6 {
       /* Other css */
    }