Partial CSS to achieve vertical center and right method

First, vertical centering method:


1 use padding to make multiple text or input centered in Div (for div and text height requirements):


To set the height of the div to one of the highest h1 in each child element, add the div height we need to H2, then we need to populate Padding-top and Padding-bottom are (H2-H1)/ 2, if the selected H1 is not the highest element height, some modules may appear below the


(If the height of the text is unknown and the height of the container is scalable, simply set the padding to fill the container completely for a fixed value)


There is also a multi-text fixed height centering method is to use the CSS display property to make


Simulation, so you can use the Vertical-align:middle. Set the display:table on the parent element, Display:table-cell set on the child element (the method is not valid for the following version IE6)
2 use Line-height to make the line text centered, then set the line-height and height equivalent, then set the Overflow:hidden; (clear float to achieve hidden overflow effect)


Second, make the child elements to the right (not text)


You can use Float:left, but this method affects the relative position of two different child elements under the same parent element when zooming in or out of a Web page


So you can set position:relative on the parent element and then set the position:absolute;left:0px for the child element;