JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="currency">
        <select id="currencies">
            <option value="GBP">Great Britain Pound</option>
            <option value="EUR">Euro</option>
            <option value="USD">US Dollar</option>
            <option value="AUD">Australian Dollar</option>
            <option value="CAD">Canadian Dollar</option>
            <option value="JPY">Japanese Yen</option>
            <option value="CHF">Swiss Franc</option>
            <option value="SEK">Swedish Krona</option>
            <option value="NZD">New Zealand Dollar</option>
            <option value="NZD">Hong Kong Dollar</option>
        </select>
    </div>
</div>

CSS

div.currency {
    text-align:center;
}