html 图片上加文字css样式,css样式教程:图文混排[图上文字下]

ul.hotGroup,ul.livelyGroup {

padding-top: 12px;

}

ul.hotGroup li,ul.livelyGroup li {

float: left;

width: 65px;

text-align: center;

}

ul.hotGroup li a,ul.livelyGroup li a {

display: block;

height: 50px;

width: 50px;

background-color: #CCCCCC;

margin-right: auto;

margin-left: auto;

white-space: nowrap;

overflow: hidden;

}

ul.hotGroup li img, ul.livelyGroup li img {

height: 50px;

width: 50px;

}

ul.hotGroup li span,ul.livelyGroup li span {

line-height: 22px;

display: block;

height: 22px;

width: 50px;

margin-right: auto;

margin-left: auto;

white-space: nowrap;

overflow: hidden;

}