このテキストを均等に整列/インデントする方法は？

Question

Pic of Uneven text

<img src="https://maxcdn.icons8.com/iOS7/PNG/25/Business/pricing_structure-25.png" title="Pricing Structure" width="25" style="margin-right: 8px"> 
 
Choose ones of our packages or build your own. Choose ones of our packages or build your own. <a href="pricing.html">View pricing.</a>

Answer 1

div要素の内のコンテンツをラップし、私は以下の.hangスタイルにリストされているCSSコードを適用します。

HTML

<div class="hang"> 
    <img src="https://maxcdn.icons8.com/iOS7/PNG/25/Business/pricing_structure-25.png" title="Pricing Structure" width="25" style="margin-right: 8px"> 
    Choose ones of our packages or build your own. Choose ones of our packages or build your own. 

    <a href="pricing.html">View pricing.</a> 
    </div> 

CSS

.hang { 
    text-indent: -2.3em; 
    margin-left: 3em; 
} 

実施例

https://jsfiddle.net/nickcpainter/7vuh2f6k/