<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: 'display' property set to 'flex'</title>
<link href="mailto:zhaohua.design@163.com" rel="author" title="Hua Zhao" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-property" rel="help" />
<link href="reference/flex-vertical-align-effect.xht" rel="match" />
<meta content="" name="flags" />
<meta content="vertical-align property has no effect" name="assert" />
<style type="text/css">
#container {
display:flex;
}
input{
margin:0;padding:0;vertical-align:middle;
}
</style>
</head>
<body>
<div id="container">
<input type="text" value="input1" />
<input type="radio" />
</div>
</body></html>