This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.
Hi all I have a question on align-vertical. I want to develop a page.And in a element container <div>, there are textarea, input box, a picture, I want them to in the same line, the line in the vertical-middle of the div. So I use align-vertical:middle.But I failed to align them a line. <html> <body> <div style="width:100%; height: 400px; background-color: #cfcfcf;"> <span style="vertical-align:middle;">text</span> <input type="text" style="vertical-align:middle;" /> <img src="pic.jpg" style="vertical-align:middle;" /> </div> </body> <html> I test it using chrome,IE9, I can not align them in a line. My suggestion,can we use vertical-align for parent object, so all the child objects in this parent object can align together in the middle : <html> <body> <div style="width:100%; height: 400px; vertical-align: middle; background-color: #cfcfcf;"> <span>text</span> <input type="text" /> <img src="pic.jpg" /> </div> </body> </html> suggestions and comments both welcome