У меня проблема с правильным выравниванием каретки. Использование .pull-right в пролете переводит его в верхний правый угол.

Как я могу сделать это снова вертикально по центру? Я также хотел бы выровнять текст по левому краю

http://www.bootply.com/r8x7g5Bw5R

                    <div class="btn-group cust-dropdown">
                    <button type="button" class="btn btn-default dropdown-toggle cust-dropdown" data-toggle="dropdown"><span class="caret pull-right"></span><span>test</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">test</a></li>
                        <li><a href="#">tes2</a></li>
                        <li><a href="#">test3</a></li>
                    </ul>
                </div>

и CSS

.cust-dropdown {
width: 200px;}