Here is the HTML code I am struggling with:
@using (Html.BeginForm("Create", "BicycleSellerListing", FormMethod.Post, new { enctype = "multipart/form-data" })) {
@Html.ValidationSummary(true)
<fieldset style="margin:5px;">
<legend>List a Bicycle for Sale</legend>
<div style="display: inline">
<div style="display: inline">
@Html.LabelFor(model => model.BicycleManfacturer)
</div>
<div style="display: inline">
@Html.DropDownList("ManufacturerList")
</div>
<div style="display: inline">
@Html.LabelFor(model => model.BicycleType)
</div>
<div style="display: inline">
@Html.DropDownList("TypeList")
</div>
<div style="display: inline">
@Html.LabelFor(model => model.BicycleModel)
</div>
<div style="display: inline">
@Html.EditorFor(model => model.BicycleModel)
@Html.ValidationMessageFor(model => model.BicycleModel)
</div>
....
....
I am facing an issue where I cannot get the labels and the edit fields to display next to each other despite using the "inline" style. The edit fields always appear below their respective labels. Can anyone provide some insight on what I might be doing wrong?