Tryit Editor v1.4

<html>
<head>
<style type="text/css"> 
.box
{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}
</style>
</head>
<body>

<div class="box">
<div class="ord2">First in source</div>
<div class="ord1">Second in source</div>
<div class="ord1">Third in source</div>
</div>

<p><b>��:</b> The box-ordinal-group property is not supported in IE or Opera.</p>

</body>
</html>

Your Result:

上のテキストを編集し、クリックして結果を見てください。

W3Schools.com - Try it yourself