Düğme içeride metin olan bir glifikon olarak mı tasarlanmıştır?

Question

Burada yeniyim, ve en hafif, basit bir problemle biraz uğraşıyorum.

Glifikon-sağ-oku, içinde "test etmek için" metni bulunan bir düğme olarak kullanmak istiyorum, bunu yapmanın kolay bir yolu var mı? Bununla

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
    <a class="btn btn-default" style="color:green" href="textview" id="totestarrow"> 
     <span style="font-size:10em;" class="glyphicon glyphicon-arrow-right"> 
     </span><br>Til testene 
    </a> 
</div> 

Ben bunun altında merkezli metinle, sağ işaret eden yeşil ok olsun: Bu kod satırı atm var. öyleyse onu okun içine nasıl koyabilirim?

Teşekkürler!

İçeri almak için top ve left özelliklerini buna göre konumlandırıldı olmak içindeki tüm öğeleri neden olur, position:relative kullanmak ve sadece gerçek <span> içeren metin üzerinde position:absolute kullanmak ve ayarlamak için düğmeye ayarlayabilirsiniz

Answer 1

uygun pozisyon:

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
    <a class="btn btn-default" style="color:green; position: relative;" href="textview" id="totestarrow"> 
     <span style="font-size:10em;" class="glyphicon glyphicon-arrow-right"></span> 
     <span class='centered-text'> 
     Til testene 
    </span> 
    </a> 
</div> 
<style> 
.centered-text { 
    /* This will cause your element to be positioned freely over it's container */ 
    position: absolute; 
    /* This will bring the element roughly halfway down the existing element */ 
    top: 47%; 
    /* Colored white to stand out */ 
    color: white; 
    /* The following styles will center the element in it's container */ 
    text-align: center; 
    left: 0; 
    width: 100%; 
} 
</style> 

Sen see an example of this here can ve çıkış aşağıda gösterilmiştir: