Html 如何在图标下放置文本

Html 如何在图标下放置文本,html,css,Html,Css,我想把文字放在每个图标下,而不是他右边(现在) 这里是小提琴链接: #中间{ 保证金:0自动; 宽度:1050px; 高度:175px; 边缘顶端:89px; } #图标{ 宽度:502px; 高度:68px; 字体大小:11px; } .icon_middle{ 浮动:对; 文本对齐:底部居中; 宽度:100px; 高度:85px; } 智能电视 药片 安卓 个人计算机 雨衣 dfgdfgdfgd dfgdfgdfgdg 如果无法修改HTML,则只需使img显示:block .icon_m

我想把文字放在每个图标下,而不是他右边(现在)

这里是小提琴链接:

#中间{
保证金:0自动;
宽度:1050px;
高度:175px;
边缘顶端:89px;
}
#图标{
宽度:502px;
高度:68px;
字体大小:11px;
}
.icon_middle{
浮动:对;
文本对齐:底部居中;
宽度:100px;
高度:85px;
}

智能电视
药片
安卓
个人计算机
雨衣
dfgdfgdfgd dfgdfgdfgdg

如果无法修改HTML,则只需使
img
显示:block

.icon_middle img {
  display: block;
}
#中间{
保证金:0自动;
宽度:1050px;
高度:175px;
边缘顶端:89px;
}
.icon_middle{
宽度:50px;
浮动:对;
宽度:100px;
高度:85px;
}
.icon_中跨{
显示:块;
}

智能电视
药片
药片
安卓
个人计算机
雨衣
dfgdfgdfgd dfgdfgdfgdg

simple在图标和文本之间添加一个