すべての改行で同じパディングを使用してSVGアイコンの隣にテキストを配置するにはどうすればよいですか？

Question

アイコンの隣にテキストを配置する必要がありますが、どうすればいいですか？ パディングを適用すると、テキストの最初の行で機能します。

使用されるコード：

<div style="font-weight:400;font-size:14.5px;color:#212121"> 
<span class="uk-margin-small-right-info uk-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="25" height="25" style="margin-top:-2px"><g><path d="M128 19.4C68 19.4 19.4 68 19.4 128S68 236.6 128 236.6 236.6 188 236.6 128 188 19.4 128 19.4zm0 228.6C61.7 248 8 194.3 8 128S61.7 8 128 8s120 53.7 120 120-53.7 120-120 120z"/><path d="M122.3 99.4h11.4v85.7h-11.4zM122.3 73.7h11.4V88h-11.4z"/></g></svg></span>Lorem rhoncus adipiscing ridiculus a lundium in et, dolor, pulvinar pid! Mauris enim nec pulvinar, magnis quis mid magna pellentesque? A etiam, aliquet rhoncus, magna lacus elementum</div> 

それはのようになります方法：は

使用されるCSSはこれです：それは気圧のように見える方法

：

.uk-margin-small-right-info { 
    margin-right: 10px !important; 
    display: inline-block 
} 

Answer 1

このフィディードを確認してください：https://jsfiddle.net/webdsdyL/考え方は、float:leftを使用して、テキスト要素に幅を設定することです。