Align selected item in scrolling html dropdown

I think this can be possible you can center the selected ones but not all the options so the selected ones you can center it like

<!DOCTYPE html>

    select {
      width: 400px;
      text-align-last: center;

  <select name="state" class="ddList">


Unfortunately, you can't do that with your default select options.

This question is already answered here.

Anyway, you could build a custom select or could use plugin for custom select and then position the dropdown: