Can't properly set vertical-align

My problem: want to div content be in the middle of parent div.

CSS structure:

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

Basically it is sing-in window, on the right it is email/pass form, on the left - fb login button, and this button I want to be in the middle, but it works with top, works with bottom, on vertical-align:middle it again on the bottom.

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%;


}

Answers


Fix your class names.

sing_form is in your html

sings_form is in your css

fb_sign is in your html

fb_sing is in your css


Need Your Help

wicket 1.5 filling up div content dynamically with another div(s)

java wicket

Maybe it's an easy question, but I'm new to wicket and after googling for some time I can't find the answer.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.