<div id="Phone"> <div class="float-left"> <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-right"> <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>The Ext is now close to Phone, which is what I wanted, but both controls are too wide and sort of overlapping. What is the right way of making these controls smaller? Should I attempt to add width to the div?