<!DOCTYPE html>
<html>
<head>
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-block">
<title>margin-trim: block-container-float-left-trimmed-margin-allows-float-to-fit-block-layout</title>
<meta name="assert" content="trimmed inline margins for first float should allow second float to sit at same top offset">
<style>
container {
    display: block;
    width: 100px;
    margin-trim: inline;
}
item {
    display: block;
    width: 100px;
    height: 50px;
    background-color: green;
}
.floating-item {
  float: left;
  width: 50px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square.</p>
<container>
  <item></item>
  <item class="floating-item" style="margin-inline-start: 50px;"></item>
  <item class="floating-item"></item>
</container>
</body>
</html>
