下拉框如何右对齐？

<style>
.tr{margin-right: 50px;}
#lg{float: right;padding: 5px 0;width: 20px;margin-right: 120px;}
#lg option{}
</style>
<div class="tr">
<select id="lg">
<option value="a">12345</option>
<option value="b">567</option>
<option value="c">8910</option>
</select>
</div>
如图，给∨（ id="lg"）设置了宽度后下拉框就与“∨”变成左对齐了，我想把它两设置成右对齐应该怎么弄？