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.wrapper {
    background: #F00;
    width: 100%;
    height: 300px;
    display: table;
}
div.currency {
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}