Dikey div başka bir öğe içinde span div merkezi bir unsur olmaya çalışıyorum. Koyunca vertical-align: middle hiçbir şey olmuyor. Her iki element display özelliklerini değiştirmeyi denedim ve hiçbir şey iş gibi görünüyor.

Bu şu anda benim bir web sayfası yapıyorum

<div class="main">
    <div class="inner"> This box should be centered in the larger box<div class="second">Another box in here</div></div>
</div>

CSS:

.main {
    height: 72px;
    vertical-align: middle;
    border: 1px solid #000000;
    padding: 2px;
}

.inner {

   vertical-align: middle;
 border: 1px solid #000000;    
}

.second {
     border: 1px solid #000000; 
}

Burada uygulanması jsfiddle bir işe yaramadığını gösteriyor: http://jsfiddle.net/gZXWC/

Bu deneyin, benim için çok iyi çalışıyor:

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;