Nasıl hizalama ınline blok bir dikey bir metin satırı mı?

SORU

9 Mayıs 2011, PAZARTESİ

Nasıl hizalama ınline blok bir dikey bir metin satırı mı?

Bilinmeyen bir genişlik ve yükseklik) bu satıriçi bir blok oluşturmak istiyorum. (İçerik dinamik olarak oluşturulmuş) ile içinde bir tablo var. Inline-block bir metin satırı içinde yer almalıdır, "benim metin (BURADA BLOK)". daha fazla gibi Onu güzel görünmesi içinBlok dikey satırda ortalanmış yapmaya çalışıyorum. Eğer öyleyse bloğu bu gibi görünüyor:

TOP
MIDDLE
BOTTOM

Metin satırı okur sonra da: "Benim metin ( [ORTA] )" (ve çizgisinin altında ALT ÜST)

Şu ana kadar öğrendiklerimi burada.

CSS

.example {
  background-color: #0A0;
  display: inline-block;
  margin: 2px;
  padding: 2px;
  position: relative;
  text-align: center;
}

HTML

<div class="example">TOP<br />MIDDLE<br />BOTTOM</div>

Example

CEVAP

31 Mayıs 2011, Salı

code {
        background: black;
        color: white;
        display: inline-block;
        vertical-align: middle;
}

<p>Some text <code>A<br />B<br />C<br />D</code> continues afterward.</p>

Test ve Safari 5 ve IE6 çalışıyor .

Bunu Paylaş: