font awesome 4 - 如何对齐SVG？

Question

字体真棒4代码生成这些SVG，这些SVG无法通过典型的CSS进行定位，这很糟糕，并且会破坏我的整个代码库。

过去，您可以制作<i>标记，并将其设置为其他所有标记，但现在这些SVG在DOM中生成，您无法使用text-align或{ {1}}等等。

我已尝试将图标包装在div中，但这仍然有限，并且在div中对齐时不会影响图标本身。

所以这个：

margin

成为这个：

        <div class="tradeoff-cell">
            <span class="tradeoff-title">Lower Cap</span>
            <div class="tradeoff-icon">
                <i class="fa fa-bar-chart" aria-hidden="true"></i>
            </div>
        </div>