[Bug 17614] New: align-vertical:middle issue

https://www.w3.org/Bugs/Public/show_bug.cgi?id=17614

           Summary: align-vertical:middle issue
           Product: CSS
           Version: unspecified
          Platform: PC
        OS/Version: Windows NT
            Status: NEW
          Severity: normal
          Priority: P2
         Component: Box model
        AssignedTo: bert@w3.org
        ReportedBy: eric.sun@huawei.com
         QAContact: public-css-bugzilla@w3.org


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

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the QA contact for the bug.

Received on Wednesday, 27 June 2012 03:35:10 UTC