You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
<meta name="assert" content="This test checks that the flex container with 'justify-content: flex-end' packs flex items toward the end of the main axis of each line." />
<style type="text/css">
#flexbox
{
background: linear-gradient(to right, blue 0, blue 150px, red 150px, red 300px);
display: flex;
justify-content: flex-end;
height: 100px;
width: 300px;
}
div div
{
background-color: orange;
width: 75px;
}
</style>
</head>
<body>
<p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p>