css实现移动端图片文字水平居中

1. .container {        height: 10rem;   
2.     text-align: center;        background: #819121;   
3. }    .wrap {   
4.     display: inline-block;        position: relative;   
5.     margin-top: 3rem;        padding-left: 3rem;   
6.     line-height: 2rem;        background: #BB9391;   
7. }    .icon {   
8.     position: absolute;        left: 0;   
9.     top: 0;        height: 2rem;   
10. }   

效果图：

solution 2：box布局居中，对div元素设置box-pack，span元素设置display: block，由于想偷懒，省略兼容模式写法