Невозможно правильно установить вертикальное выравнивание

Question

Моя проблема: хотите, чтобы содержимое div находилось в середине родительского div.

CSS структура:

<div class= 'sign_in'> 
    <div class= 'sing_form'> 
    </div> 
    <div class='fb_sign'> 
    </div> 
    </div> 

В основном это поют в окне, справа это электронная почта/пасс форму, на левой - кнопка входа в фб, и эта кнопка, я хочу быть в середине , но он работает с вершиной, работает с дном, на vertical-align:middle он снова на дне.

CSS:

.sign_in { 
    position: absolute; 
    border-style: solid; 
    border-width: 2px; 
    border-color: #c1ffc6; 
    background: #fff; 
    padding: 2%; 
    width: 30%; 
    font-family: Arial, sans-serif; 
    z-index: 9999999; 
    font-size: 14px; 


} 
.sings_form{ 

    display: inline-block; 
    border-right-style: solid; 
    padding-right: 10%; 
    border-width: 1px; 
    border-color: #c1ffc6; 

} 
.fb_sing { 

    display: inline-block; 
    vertical-align: top; 
    margin-left: 10%; 


} 

Answer 1

Исправьте имена классов.

sing_form в вашем HTML

sings_form в вашем CSS

fb_sign в вашем HTML

fb_sing находится в вашем CSS