xxxxxxxxxx
<html>
<head>
<style>
div
{
display:box; /* Firefox */
display:box; /* Safari and Chrome */
display:flexbox; /* Internet Explorer 10 */
display:box;
width:300px;
border:1px solid black;
}
#p1
{
box-flex:1.0; /* Firefox */
box-flex:1.0; /* Safari and Chrome */
flex:1.0; /* Internet Explorer 10 */
box-flex:1.0;
border:1px solid red;
}
#p2
{
box-flex:2.0; /* Firefox */
box-flex:2.0; /* Safari and Chrome */
flex:2.0; /* Internet Explorer 10 */
box-flex:2.0;
border:1px solid blue;
}
</style>
</head>
<body>
<div>
<p id="p1">Hello</p>
<p id="p2">W3Cschool</p>
</div>
<p><b>Note:</b> Flexible boxes are not supported in IE 9, and earlier versions.</p>
</body>
</html>