Align option right [duplicate]

I intend to align the option to the right. I'm doing it this way, but it's not the correct one:

.form-control2 {
  display: block;
  height: 25px;
  width: 100%;
  border: none;
  border-radius: 0 !important;
  font-size: 18px;
  font-weight: 300;
  padding: 0;
  padding-left: calc(90% - 1em);
  background-color: #313348;
  box-shadow: none;
  border-bottom: 1px solid #757575;
  color:#fff;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select class="form-control2" name="Ncliente" id="Ncliente" required>
  <option></option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
                                     
</select>

Can anyone help?

Content Attribution

This content was originally published by Bruno at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.