[HTML/CSS]img無法用text-align:center置中問題

習慣置中都用text-align:center來置中，為什麼有時候沒有動作呢？

案例

<li>

<dl>

<dd>

<a href="圖片位址.jpg" alt="圖片敘述" /></a>

</dd>
<dt>這個是img下面的標題</dt>

</dl>

</li>

dt內容可以用text-align:center置中，但是圖片不行

解法：
內加一display:block;屬性，如此text-align便可以動作
原因：
img是行內元素， 一行排不下，才會換行。
預設float:left，所以不管怎麼調都會偏左
所以用display:block讓img變成區塊元素，如

等等

塊級元素：可以設置 width, height屬性；可以設置margin 和 padding

行內元素：設置width, height無效；水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果

這個問題卡了一整天，最後在群組發問了馬上得到解答
真的有人可以問可以交很重要呢。
這就是為什麼我覺得有同事是件很重要的事情，可惜當時沒有
只會叫我上網查資料