html - フォームセクションを分離するための最良のアプローチ

Question

Asp.net MVC Web アプリケーション内に次のビューがあります:-

p class="b"> <i class="icon-th"></i>Network Info :</p>

<div>
<span class="f">IP Address</span> 

    @Html.TextBoxFor(model => model.NetworkInfo.IPADDRESS)
@Html.ValidationMessageFor(model => model.NetworkInfo.IPADDRESS)                                              
 | 
   <input type="CheckBox" name="IsIPUnique" value="true" @(Html.Raw(Model.IsIPUnique ? "checked=\"checked\"" : ""))/> IP Unique. 

</div>

<div >
<span class="f">MAC Address</span> 

  @Html.TextBoxFor(model => model.NetworkInfo.MACADDRESS)
@Html.ValidationMessageFor(model => model.NetworkInfo.MACADDRESS) | 
    <input type="CheckBox" name="IsMACUnique" value="true" @(Html.Raw(Model.IsMACUnique ? "checked=\"checked\"" : ""))/> MAC Unique. 

</div>


<div >
  <span class="f">  ILOIP</span>

    @Html.EditorFor(model =>model.Server.ILOIP)
    @Html.ValidationMessageFor(model =>model.Server.ILOIP)
</div>


</p>
<p = class="b"><i class="icon-th"></i>Server Status :</p>

<div>
<span class="f">Server Status </span>

    @Html.DropDownListFor(model =>model.Server.StatusID, ((IEnumerable<TMS.Models.TechnologyStatu>)ViewBag.TechStatus).Select(option => new SelectListItem {
        Text = (option == null ? "None" : option.Name), 
        Value = option.TechnologyStatusID.ToString(),
        Selected = (Model != null) && (Model.Server != null) && (option.TechnologyStatusID == Model.Server.StatusID)
    }), "Choose...")
    @Html.ValidationMessageFor(model =>model.Server.StatusID)
</div>

<div>
    <span class="f">Server Back Up Status</span>

   @Html.DropDownListFor(model =>model.Server.BackUpStatusID, ((IEnumerable<TMS.Models.TechnologyBackUpStatu>)ViewBag.TechBackUpStatus).Select(option => new SelectListItem {
        Text = (option == null ? "None" : option.Name), 
        Value = option.TechnologyBackUpStatusID.ToString(),
        Selected = (Model != null) && (Model.Server != null) && (option.TechnologyBackUpStatusID == Model.Server.BackUpStatusID)
    }), "Choose...")
    @Html.ValidationMessageFor(model =>model.Server.BackUpStatusID)
</div>

各セクション ヘッダーを別々の に配置しようとしました<p>が、出力はあまり使いやすくありませんでした。各段落を分離するためにどのアプローチに従うことができるので、ユーザーは各セクションフィールドをよりよく理解できます。現在の出力のように、すべてのフィールドは各セクション間にスペースを入れずに互いの下に配置されますか?