好，來看看如何在不改變你的HTML結構情況下，實現圖片的居左居中。

首先，h4和p標籤預設情況下都是塊級元素，所以這裡就不用改變它們的狀態。

HTML標籤它們都有預設的margin-top和margin-bottom，在chrome瀏覽器下，h4的預設margin為16px，p的預設margin為12px，只要給它們相同的上下margin值就可以實現文字的居中了。

同時，設定一個margin-left來給圖片留下空間。

會發現，這裡還給h4一個負的margin-bottom值來拉近h4和p標籤的距離。

OK，文字的擺放搞定了，接下來就要把圖片放進來了，這裡有兩種方法：

第一種方法利用原有的HTML結構，結合relative + absolute的垂直居中實現。

第二種方法HTML結構更簡單，可以省略掉.fa元素標籤，設定圖片背景的 background-position 就可以實現居中的效果。

結束。

紅色邊框是為了居中效果的參考。