 auto auto;
    margin-trim: inline;
}
item {
    display: block;
    background-color: green;
    width: 50px;
    height: 50px;
}
item:nth-child(odd) {
    margin-inline-start: 10px;
}
item:nth-child(even) {
    margin-inline-end: 20px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square.</p>
<grid>
<item></item>
<item></item>
<item></item>
<item></item>
</grid>
</body>
</html>
