JSFiddle - React, Tailwind, and code Playground

HTML

<div class="styled">
    <select>
        <option>India, Rupees (Rs.)</option>
        <option>USA, Dollars ($)</option>
        <option>United Kingdom, Pounds (&#163;)</option>
    </select>
</div>
<br/>
<br/>
<br/>
<br/>
<p>Image for reference.</p>
<div>
    <img src="http://i.stack.imgur.com/HOEI1.jpg" />
</div>

CSS

div.styled {
    display: inline-block;
    float: left;
    position: relative;
    border-right: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #ddd;
}
div.styled select {
    padding:8px;
    padding-bottom:0;
}
.styled select option {
    padding: 5px;
}
div.styled:after {
    content:"";
    background: #fff url("http://www3.cfo.com/Image%20Library/Thumbnails/small-doubledown-arrow.png?code=5b9d0e1e-55b9-440a-ab6d-f16080c9723d") no-repeat 2px 5px;
    display: inline-block;
    float: left;
    height: 26px;
    position: absolute;
    right: 9px;
    top: 10px;
    width: 16px;
}