CSS: How to align vertically a “label” and “input” inside a “div”?

Question

Consider the following code:

HTML:

    Name:
    


        
                      

              相关标签:
       
      

Answer 1

You can use display: table-cell property as in the following code:

div {
     height: 100%;
     display: table-cell; 
     vertical-align: middle;
    }