按钮文字没有包装

Question

我之前设置了一些模板，应用程序的用户可以编辑按钮文本等。一位同事放入了一个文本编辑器，使其更加定制化，这非常棒。然而，这似乎打破了按钮不随文本扩展而转移到其外部。

我有一种感觉，因为插件只能使用div元素，而按钮内的div只会让它变得怪异。在没有产生更多问题的情况下，我似乎在纠正这个问题上遇到了很多麻烦。

这是它在文本编辑器

之前的样子

<div class="form-group">
  <label class="btn btn-primary btn-landing kiosk-btn" >
    <span class="control-label" contenteditable="true" data-bind="grabbing saved text with ko"></span>  
  </label>
</div>

现在看起来像这样

<div class="form-group">
  <label class="btn btn-primary btn-landing kiosk-btn" >
    <div class="control-label" contenteditable="true" data-bind="grabbing saved text with ko"></div>  
  </label>
</div>

我尝试在div上添加display:inline以及inline-block。我也尝试过其他一些东西，但没有什么比这更好的了。