چطوری میشه یک img و یک متن رو در وسط یک div قرار داد؟

[combo_ci]

سلام
من یک دایو دارم با کد:
<div id="p6btnBack" class="btn">
<img id="p6btnCircleBack" src="img/back.png" class="btnCircle" />
Back
</div>
و میخوام از دایو شبیه یک دکمه استفاده کنم
کد css که نوشتم اینه :
.btn {
position: fixed;
width: 10%;
top: 24%;
left: 2%;
height: 7%;
font-size: 25pt;
background-size: cover;
}

.btnCircle {
position: relative;
top: 0%;
left: 0%;
height:100%;
background-repeat: no-repeat;
background-size: contain;
}
اما هر کار میکنم متن back وسط (از بالا به پایین میخوام وسط قرار بگیره) قرار نمیگیره و میچسبه پایین
کسی میتونه منو راهنمایی کنه؟

[siros1983]

خب text-align بزار روی center و یه padding بده