Html 文本框内的文本中心

我有一个问题，我现在交易，以计算我们的几个小时，我疯了

我希望图标旁边的文本在框的中间。但是我不知道我做错了什么，你能不能也批评一下我正在学习的代码

我的CSS

#newaltcoins .boximg {
    background-color: #cccccc;
    width: 50px;
    height: 50px;

}

#newaltcoins .box{
    float:left;
    border:#cccccc solid 1px;
    color: black;
    width: 200px;
    height: 50px;
    margin: 5px;
    background-color: #EEEEEE;
    white-space:nowrap;
    text-align: center;

我的html

        <a href="http://google.com">
            <div class="box">  
                    <div class="boximg" >
                           <img src="./alt/alt_logo/etherieum.png">
                               <br>Etherieum
                    </div>    
            </div>
        </a>

---

一个非常简单的解决方案，将

display:flex的属性分配给class
boximg

编辑：对其进行一些HTML更改，您将更好地理解


.box{
显示器：flex；
边框：#中交固体1px；
颜色：黑色；
宽度：200px；
保证金：5px；
背景色：#EEEEEE；
}
博希姆先生{
弹性：1；
背景色：黑色；
}
.Boximgimg{
宽度：100%；
高度：自动；
保证金：自动0px；
垂直对齐：中间对齐；
}
.文本{
弹性：3；
}
.文本p{
文本对齐：居中；
}
您可以使用现代浏览器支持的
display:flex
。此外，你将不得不包装你的文字，然后你将能够发挥它更容易


#newaltcoins.boximg{
显示器：flex；
对齐项目：居中；
}
#newaltcoins.BoximgSpan{
显示：块；
宽度：100%；
}
#newaltcoins.boximgimg{
宽度：50px；
高度：50px；
背景色：#中交；
}
#纽阿尔特硬币盒{
浮动：左；
边框：#中交固体1px；
颜色：黑色；
宽度：200px；
高度：50px；
保证金：5px；
背景色：#EEEEEE；
空白：nowrap；
文本对齐：居中；
}
别忘了标记答案。。。见：