Feldpositionierung in mvc

Question

Ich versuche, diese Textfelder zu positionieren nebeneinander und haben sie in folgendem Format:

(______) _____ - _____ 

Mein Hauptproblem ist, sie nebeneinander zu sein. Hat jemand irgendwelche Vorschläge, was ich tun soll?

Hier ist der Code, den ich bisher habe:

<label style="margin: 5px" id="lblPhoneNumber">Phone Number (optional)</label> 
<p> 
    @Html.ValidationMessageFor(model => model.Pharmacy.PhoneNumber) 
    @Html.TextBoxFor(model => model.Pharmacy.AreaCode, new { style="width:3em", maxlength=3}) 
    @Html.TextBoxFor(model => model.Pharmacy.PhoneNumberFirstThree, new { style="width:3em", maxlength = 3 }) 
    @Html.TextBoxFor(model => model.Pharmacy.PhoneNumberLastFour, new { style="width:4em", maxlength = 4 }) 
</p> 

Answer 1

es so etwas wie sein wird. Sie müssen dies für alle drei Textfelder tun:

@Html.TextBox("Something", @Model.text, new {style = "display: inline-block;float:left"})