Question

I have the following that sets my dropdown to a ridiculous width:

<div class="editor-field">
  @Html.DropDownListFor(x => x.TypeId, new SelectList(Model.Type, "TypeId", "TypeName"), null, new {  @style = "width: 500;" })
                                </div>

How do I get the items that appear as options in the populated drop down to move their alignment e.g. center align the text?

This is what I am aiming for, what I think should work, which can be found here.

But as you can see, the option text is still over to the left. Any ideas?

Answer 1

Do you want something like this?

My Fiddle

My New Fiddle

Also NOTE, you are using 500px width, what’s that for?