Dropdown - Font Position - Centered

If you want to change the position of the font in the dropdown you can use the code below

<style>
#drop-custom {  
text-align-last: center !important;
}
</style>

The dropdown element to target will need the HTML ID attribute set, and in the code above that is drop-custom

The text in the dropdown will be centered aligned according to the size of the dropdown element.

You can put this code into an HTML element onto the page

Below is quick example of a dropdown with no icon and centered text and no border, sized to be the same as an icon box above it

Screen Shot 2024-07-08 at 3.05.51 PM
Screen Shot 2024-07-08 at 3.05.43 PM

It was important to get the value centered with the square icon above for consistency sake, and if the value is not double digits, must not be right aligned.