如何显示彼此相邻的html元素

如何显示彼此相邻的html元素,html,asp.net-mvc,razor,Html,Asp.net Mvc,Razor,我的asp.net MVC Razor视图中包含以下代码: <p> @using (Html.BeginForm()) { @Html.ValidationSummary(true) @Html.HiddenFor(model => model.GroupID) @Html.Partial("_CreateOrEdit", Model) <input type="submit" value="Save" class="btn btn-pr

我的asp.net MVC Razor视图中包含以下代码:

<p>
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    @Html.HiddenFor(model => model.GroupID)
    @Html.Partial("_CreateOrEdit", Model)

    <input type="submit" value="Save" class="btn btn-primary"/>
}

@using (Html.BeginForm("Index", "SecurityGroup", FormMethod.Get))
{
    <input type='submit' value='Cancel' class='btn' />
}
</p>

@使用(Html.BeginForm()){
@Html.ValidationSummary(true)
@Html.HiddenFor(model=>model.GroupID)
@Html.Partial(“_CreateOrEdit”,Model)
}
@使用(Html.BeginForm(“Index”,“SecurityGroup”,FormMethod.Get))
{
}

如何强制两个
元素并排显示,而不是在彼此下方显示?

元素只允许包含内联元素<代码>不是内联的,它是块元素。尝试在
s中包装表单,例如:

<div class="form-container">
    @using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    @Html.HiddenFor(model => model.GroupID)
    @Html.Partial("_CreateOrEdit", Model)

     <input type="submit" value="Save" class="btn btn-primary"/>
    }
</div>
<div class="form-container">
    @using (Html.BeginForm("Index", "SecurityGroup", FormMethod.Get))
    {
        <input type='submit' value='Cancel' class='btn' />
    }
</div>

将类添加到此段落(或ID)。 使该类(ID)内联显示

p.inlineParagraph{
    display:inline;
}

您可以使用表格将按钮相邻放置:

<table>
  <tr>
    <td>
      @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
        @Html.HiddenFor(model => model.GroupID)
        @Html.Partial("_CreateOrEdit", Model)
        <input type="submit" value="Save" class="btn btn-primary"/>
      }
    </td>
    <td>
        @using (Html.BeginForm("Index", "SecurityGroup", FormMethod.Get)) {
          <input type='submit' value='Cancel' class='btn' />
        }
    </td>
</tr>

@使用(Html.BeginForm()){
@Html.ValidationSummary(true)
@Html.HiddenFor(model=>model.GroupID)
@Html.Partial(“_CreateOrEdit”,Model)
}
@使用(Html.BeginForm(“Index”,“SecurityGroup”,FormMethod.Get)){
}


您也可以查看。

它可以工作,但两个按钮之间会浪费空间。如果答案有效,请选择它好吗?
<table>
  <tr>
    <td>
      @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
        @Html.HiddenFor(model => model.GroupID)
        @Html.Partial("_CreateOrEdit", Model)
        <input type="submit" value="Save" class="btn btn-primary"/>
      }
    </td>
    <td>
        @using (Html.BeginForm("Index", "SecurityGroup", FormMethod.Get)) {
          <input type='submit' value='Cancel' class='btn' />
        }
    </td>
</tr>