Текст ровно под ul li?

Question

[50VAJJ]

Здравствуйте. Есть список -

<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 но с одним название тега или класса?
Что-бы было так -

Answer 1

[Максим Тимофеев]

Ну если использовать <text>, то тогда уже так
<text srazu-pod-kartinkoi='true'>

А если серьезно. то достаточно картинку растянуть на ширину родителя. А родителю дать 25% ширины.

Comments

[Ярослав Иванов]

еще на css можно
polozhenie-texta: pod-kartinkoy;

[50VAJJ]

Ярослав Иванов: Помогло. Спасибо!

[Максим Тимофеев]

Ярослав Иванов: да, наши любимые)) Я у тебя шутку украл.

[50VAJJ]

Максим Тимофеев: смешная шутка(нет)