<!DOCTYPE html>
<html>
<head>
    <title>CSS Test: childNodes' 'margin' property of flex item'</title>
    <link rel="author" title="Shaofei Cheng" href="mailto:csf178@gmail.com" />
    <meta name="flags" content="" />
    <style>
    #test
    {
        background: red;
        position:relative;
        height:300px;
        width:101px;
    }
    p
    {
        position:absolute;
        margin:0 0 0 0;
    }
    </style>

</head>
<body>
<div id="test">
	<div id="test">
        <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">d</p>
        <p style="top:0px;left:50.5px;height:300px;background:olive;width:50.5px;">d</p>
    </div>
</div>
</body>
</html>