CEE3 Flex Box

by dipaks2011

HTML

<div>
<p id="p1">So after watching most of the talks at W3Conf the last 2 days, it became appearant that the web is moving forward with a big pace. Lots of new features and technologies are being implemented by browsers, and soon webdevelopment will be different from what we are used to in the present day.</p>
    
<p id="p2">W3Schools</p>
</div>

<div>
<p id="p1">Hello </p>
<p id="p2">So after watching most of the talks at W3Conf the last 2 days, it became appearant that the web is moving forward with a big pace. Lots of new features and technologies are being implemented by browsers, and soon webdevelopment will be different from what we are used to in the present day.</p>
</div>

CSS

div{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
width:100%; margin: 0 0 20px 0;
border:1px solid black;
}
#p1{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
border:1px solid red;
}

#p2{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari and Chrome */
box-flex:2.0;
border:1px solid blue;
}