I have the following view inside my asp.net mvc web application:-\[code\]@using (Html.BeginForm("CustomersDetails", "Home")){ <strong>Available Customers</strong> <select id="SelectLeft" multiple="multiple"> @foreach (var item2 in Model.OrderBy(a => a.ORG_NAME)) { <option value = "http://stackoverflow.com/questions/14044361/@item2.ORG_ID" >@item2.ORG_NAME</option> } </select> <input id="MoveRight" type="button" value="http://stackoverflow.com/questions/14044361/Add >>" /> <input id="MoveLeft" type="button" value="http://stackoverflow.com/questions/14044361/<< Remove" /> <strong>Customer to be Exported</strong> <select id="SelectRight" name="SelectRight" multiple="multiple"> </select> <p><button type="submit" id ="nextpage">Next Page >></button></p>} \[/code\]The layout of the page is not as i was expecting it to be, i am facing these problems:-[*]The two bold labels "Avilable customer" & "Customer to be Exported" are being displayed beside the select boxes and not above them.[*]the "Add >>" & "<< Remove" buttons are being displayed beside each other but i need them to be displayed just above each other.Can any one suggest an appraoch i can follow to make the layout more user friendly?BR