title: how to center align contents of panel
body: <p>I would like to centrally place the contents(dom elements) i.e label and dropdown inside the panel. Please kindly help me. Here is my code in cshtml.
  I wanted to center align both the label for Region dropdown and the Region dropdown in same line.</p>
  
  <pre><code>@model IEnumerable&lt;HuRIS.Models.Zone&gt;
  
  @{
  ViewBag.Title = "Index";
  }
  
  &lt;h2&gt;Index&lt;/h2&gt;
  
  &lt;p&gt;
      @Html.ActionLink("Create New", "Create")
  &lt;/p&gt;
  
  &lt;div class="panel panel-info"&gt;
      &lt;div class="panel-body"&gt;
          &lt;div class="form-group"&gt;
              &lt;div class="col-md-2"&gt;&lt;/div&gt;
              &lt;label for="RegionID" class="col-md-1"&gt;Region:&lt;/label&gt;
              @Html.DropDownList("RegionID", null, htmlAttributes: new { @class = "form-control col-md-7" })
              &lt;div class="col-md-2"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;table class="table"&gt;
  
      &lt;tr&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.devregion.RegionName)
  
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.ZoneCode)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.ZoneName)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.isActive)
          &lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
      &lt;/tr&gt;
  
      @foreach (var item in Model)
      {
          &lt;tr&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.devregion.RegionName)
  
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.ZoneCode)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.ZoneName)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.DisplayFor(modelItem =&gt; item.isActive)
              &lt;/td&gt;
              &lt;td&gt;
                  @Html.ActionLink("Edit", "Edit", new { id = item.ZoneID }) |
                  @Html.ActionLink("Details", "Details", new { id = item.ZoneID }) |
                  @Html.ActionLink("Delete", "Delete", new { id = item.ZoneID })
              &lt;/td&gt;
          &lt;/tr&gt;
      }
  
  &lt;/table&gt;
  </code></pre>