<!DOCTYPE html>
<html><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.htm" 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>