如何在所有換行符上使用相同填充將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> 

究竟應該如何樣子：

它的外觀像ATM：

使用的CSS是這樣的：

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

Answer 1

看看這個小提琴：https://jsfiddle.net/webdsdyL/。這個想法是使用float:left並在文本元素上設置寬度。