Sağlar font-müthiş bir simge ile bootstrap düğmesi var ve bazı metin:

<div>
    <i class='icon icon-2x icon-camera'></i>
    hello world
</div>

Nasıl metin dikey olarak ortalanmış olarak görünür yapabilirim? Metin simgesini alt kenarı ile hizalanır şimdi: http://jsfiddle.net/V7DLm/1/

DÜZENLEME: Bir olası varçözüm: http://jsfiddle.net/CLdeG/1/ ama biraz hacky geliyor - ekstra p etiketi tanıtır, Çek-sol kullanır ve tablo görüntüler. Belki birisi daha kolay bir yol önerebilir.

Ben sadece kendim yapmak zorunda kaldım tam tersi yapmalısın.

• yokmetnin dikey hizalama ile oynamak
• font-Başar simgesi dikey hizalama ile oynamak

<div>
  <span class="icon icon-2x icon-camera" style=" vertical-align: middle;"></span>
  <span class="my-text">hello world</span>
</div>

Elbette satır içi stilleri kullanmak ve kendi css sınıfı hedef olabilir. Ama bu kopyala yapıştır bir şekilde çalışıyor.

Buraya bakın: Vertical alignment of text and icon in bootstrap button

Eğer bana ancak öyle olsaydı, simge-2x kullanmazdım. Ve sadece yazı tipi boyutunu kendimi belirtin, aşağıdaki gibi

<div class='my-fancy-container'>
    <span class='my-icon icon-file-text'></span>
    <span class='my-text'>Hello World</span>
</div>

.my-icon {
    vertical-align: middle;
    font-size: 40px;
}

.my-text {
    font-family: "Courier-new";
}

.my-fancy-container {
    border: 1px solid #ccc;
    border-radius: 6px;
    display: inline-block;
    margin: 60px;
    padding: 10px;
}

çalışan bir örnek için, lütfen http://jsfiddle.net/3GMjp/77/ bkz