文字居中和图片居中

  line-height和height相等文字居中：

.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}

  图片居中用到display：flex效果，css代码如下：

.header .box2{
 width: 100px;
 height: 60px;
 float: left;
 
 font-size: 12px;
 line-height: 60px;
 text-align: center;
  display: flex;
     justify-content: center;
      align-items: center; 
 
 }