twitter bootstrap issue : Right align the caret in the dropdown header

Question

I have an issue with the right alignment of the caret. Using .pull-right in the span makes it go to the top right corner.

How can I make it vertically centered agai

Answer 1

Just interchange the caret and span blocks in HTML:

HTML

   

                test
                
                

                    
test
                    
test 2
                    
test 3
                
            

CSS

  .cust-dropdown {
        width: 200px;
    }

    #titl {

      padding-right: 10px;
    }

You can align the text more to the left by adding more padding-right.