多行自举拆分按钮

Question

我正在尝试制作一个bootstrap split按钮，其中按钮标签跨越多行。但是，插入符号出现在新行上，而我希望它出现在按钮的右侧。插入符号部分应该跨越按钮的整个高度，插入符本身应该出现在底部。这可能吗？

这是我的尝试：

<div class="btn-group">
<button type="button" class="btn" style="white-space: normal">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed faucibus imperdiet placerat. Aliquam sodales sem vel scelerisque cursus. Maecenas et risus dui. Morbi rutrum sagittis tortor, et dignissim felis sodales id. Donec auctor nulla tincidunt eros maximus ultricies. Nulla facilisi. Suspendisse tristique felis sit amet dui auctor, et accumsan risus egestas  
</button>
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span> 
</button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
    <li><a href>Option 1</li>
    <li><a href>Option 2</li>
</ul>

http://jsfiddle.net/s7dkq7ha/1/