友友们，关于盒子模型的问题希望友友们可以帮助解惑

这是别人做出来的显示效果：

img


这是我做出来的显示效果：

img


这是我编写的语言：

HTML>
<html lang="en">
<head>
<style>

*{
  padding:0;
  margin:0;
 font-size:0;
}


#one{width:50px;
     height:50px;
     margin:5px auto;
     text-align:center;
    }


#one img{width:20px;
            height:20px;
         padding:3px;
         border:1px solid red;
        }
 
style>
head>
<body>
 <div id="one">
  <img src="images/crisis.jpg" alt="crisis.jpg"/>
  <img src="images/crisis.jpg" alt="crisis.jpg"/>
  <img src="images/crisis.jpg" alt="crisis.jpg"/>
 
 div>
     
body>
html>

问题1：请问怎么样才能让图片水平居中，呈现别人做出来的效果。
问题2：我在清除盒子模型浏览器默认值时font-size属性能添加全局声明在那里面吗？

图片你设置了宽度20px且有padding，图片的父级元素(id为one的div)你设置了width为50px，不够放，所以才呈现从上往下排的样子，图片的父级元素(id为one的div)设置width大一些或者取出width属性，图片就会水平呈现