clear: none; > display: block; > float: left; >Should I use this style for both of them?
@model CardNumbers.Objects.Client <div class="editor-label"> @Html.LabelFor(model => model.Number) </div> <div class="editor-field"> @Html.EditorFor(model => model.Number) @Html.ValidationMessageFor(model => model.Number) </div> <div class="editor-label"> @Html.LabelFor(model => model.Name) </div> <div class="editor-field"> @Html.EditorFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name) </div> <div class="editor-label"> @Html.LabelFor(model => model.Address) </div> <div class="editor-field"> @Html.EditorFor(model => model.Address) @Html.ValidationMessageFor(model => model.Address) </div> @*Contact 1*@ <div style="clear: none; display: block; float: left;"> <div class="editor-label"> @Html.LabelFor(model => model.Contact1) </div> <div class="editor-field"> @Html.EditorFor(model => model.Contact1) @Html.ValidationMessageFor(model => model.Contact1) </div> <div class="editor-label"> @Html.LabelFor(model => model.Email1) </div> <div class="editor-field"> @Html.EditorFor(model => model.Email1) @Html.ValidationMessageFor(model => model.Email1) </div> <div id="Phone1"> <div class="float-left" style ="width:70% "> <div class="editor-label"> @Html.LabelFor(model => model.Phone1) </div> <div class="editor-field"> @Html.EditorFor(model => model.Phone1) @Html.ValidationMessageFor(model => model.Phone1) </div> </div> <div class="float-left" style ="width:30% "> <div class="editor-label"> @Html.LabelFor(model => model.Ext1) </div> <div class="editor-field"> @Html.EditorFor(model => model.Ext1) @Html.ValidationMessageFor(model => model.Ext1) </div> </div> </div> </div> @*Contact2*@ <div style="clear: none; display: block; float: left;"> <div class="editor-label"> @Html.LabelFor(model => model.Contact2) </div> <div class="editor-field"> @Html.EditorFor(model => model.Contact2) @Html.ValidationMessageFor(model => model.Contact2) </div> <div class="editor-label"> @Html.LabelFor(model => model.Email2) </div> <div class="editor-field"> @Html.EditorFor(model => model.Email2) @Html.ValidationMessageFor(model => model.Email2) </div> <div id="Phone2"> <div class="float-left"> <div class="editor-label"> @Html.LabelFor(model => model.Phone2) </div> <div class="editor-field"> @Html.EditorFor(model => model.Phone2) @Html.ValidationMessageFor(model => model.Phone2) </div> </div> <div class="float-left"> <div class="editor-label"> @Html.LabelFor(model => model.Ext2) </div> <div class="editor-field"> @Html.EditorFor(model => model.Ext2) @Html.ValidationMessageFor(model => model.Ext2) </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <button type="Submit" id="btnSave">Submit</button> <button type="reset" id="btnCancel">Cancel</button> </div>Do you see what I need to adjust to make it work?