Здравствуйте. Есть список -
<div class="tabs">
<ul>
<li><a href=""><img src="res/tab_1.png" alt=""><text>Responsive Websites</text></a></li>
<li><a href=""><img src="res/tab_2.png" alt=""><text>e Commerce Websites</text></a></li>
<li><a href=""><img src="res/tab_3.png" alt=""><text>Daily blog Websites</text></a></li>
<li><a href=""><img src="res/tab_4.png" alt=""><text>Search based Websites</text></a></li>
</ul>
</div>
.tabs{
position: relative;
z-index: 4;
margin: 0 auto;
top: 100px;
height: 300px;
width: 1000px;
}
.tabs ul li{
float: left;
padding-left: 130px;
}
.tabs ul li:first-child{
padding-left: 0px;
}
text{
position: absolute;
left: 0px;
top: 170px;
font-size: 20px;
width: 130px;
text-align: center;
color: #5E5D5D;
}
Можно ли как-то сделать так, что-бы текст был под каждым li но с одним название тега или класса?
Что-бы было так -
