позиционирование поля в MVC

Question

Я пытаюсь расположить эти текстовые поля рядом друг с другом и иметь их в следующем формате:

(______) _____ - _____ 

Моя главная проблема заключается в получении их, чтобы быть рядом друг с другом. Есть ли у кого-нибудь предложения о том, что я должен делать?

Вот код, который я до сих пор:

<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

Это будет что-то подобное. Вам необходимо сделать это для всех трех текстовых полей:

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