dl dt dd etiketleri istenen tasarım bozulmadan nasıl kullanılır?

arkadaşlar merhaba localde ki view sayfasında

@using (Html.BeginForm("RegisterNewsLetter", "Customer", FormMethod.Post, new { id = "LandingRegisterationForm" }))
{
    <dl class="popupField">
            <dt class="marginTrue">@Html.LabelFor(model => model.FirstName)   @Html.EditorFor(model => model.FirstName)
            @Html.ValidationMessageFor(model => model.FirstName)</dt>

            <dt class="marginTrue">@Html.LabelFor(model => model.LastName)   @Html.EditorFor(model => model.LastName)
                @Html.ValidationMessageFor(model => model.LastName)</dt>

            <dt>@Html.LabelFor(model => model.Email)  @Html.EditorFor(model => model.Email)
                @Html.ValidationMessageFor(model => model.Email)</dt>  
    </dl>

    <div id="submitClearfix" class="submit clearfix">
        <a  class="button1" href="javascript:;">@T("Account.NewsLetter.Submit")</a>
    </div>
 }

Localdeki sayfa kaynagında yalnızca dt oluşuyorken servera yükledigimde dt ile birlikte dd oluşuyo var LabelFor'dan itibaren dd nin içinde gözüküyo ve bi alt satıra geçiyor. Dolayısıyla istedigim tasarımda bozuluyo. Bu sorunu nasıl çözebilirim. Yardımcı olursanız sevinirim.