jquery - 在动态生成的按钮中垂直对齐 fa-icon

Question

我正在使用 jquery 动态生成一个按钮并在其中添加一个 fa-icon，我需要垂直对齐该图标，因为该按钮包含两行字符串。代码:

$('#divContent').after('<center><button type="button" id="btnFiltersSave1" class="btn bg-green btn-sm"><i class="fa fa-2x fa-refresh"></i>&nbsp;&nbsp;No Filter added to this category<br/>Sync with Feature?</button></center>');

生成的按钮如下所示:

我希望它看起来像这样:

我该怎么做？可能吗？

Answer 1

CSS:

div{
   position: absolute;
   top: 15px;/**or requried**/
}

并添加父div相对位置