positionnement sur le terrain dans mvc

Question

Je tente de placer ces champs de texte à côté de l'autre et les avoir dans le format suivant:

(______) _____ - _____ 

Mon principal problème est de les amener à être à côté de l'autre. Quelqu'un at-il des suggestions sur ce que je devrais faire?

Voici le code que j'ai jusqu'à présent:

<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

Ce sera quelque chose comme. Vous devez le faire pour les trois zones de texte:

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