我想要嘗試把圖片置中，原本想法是直接
img{
   text-align:center;}
但是因為圖片不是文字，若我把它改成
img{
   padding:70px;
   width:80%;}
圖片好像就置中了，經過網路搜尋圖片的置中寫法，大部分的人都是用容器元素設置text-align:center(參考http://www.davidpai.tw/css/2011/css-align/)。

想請問有沒有其他更直覺的方法可以使圖片置中呢
以下附上第二課CSS的作業：
https://jsfiddle.net/CoalaCola/sfpnmzvx/2/
原文：
https://theinitium.com/article/20160827-dailynews-professional-mermaid/

感謝大家

有

一般來說 block 元素的置中方法就是先設好寬度，然後 margin: 0 auto;

（上下margin為零，左右margin自動的意思。結果就是會置中。）

但圖片是 inline 元素

所以先把你的圖片設成 block，然後設margin即可：

  display: block;
  margin: 0 auto;

請參考：

https://jsfiddle.net/okzsc3rv/