How to line up/indent this text evenly? : <p><a href="https://i.stack.imgur.com/AMGg8.png" rel="nofollow noreferrer">Pic of Uneven text</a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>   &lt;img src="https://maxcdn.icons8.com/iOS7/PNG/25/Business/pricing_structure-25.png" title="Pricing Structure" width="25" style="margin-right: 8px"&gt;
Choose ones of our packages or build your own. Choose ones of our packages or build your own. &lt;a href="pricing.html"&gt;View pricing.&lt;/a&gt;</code></pre>
</div>
</div>
</p>
