[css-box-4][css-inline-3] margin-trim on inline boxes

[fantasai]

I wanted to pull out this comment from @tats-u

I want to remove the left margin only if there is no leading element.

.chrome-only {
  padding: 0.4em;
  background-color: #6633ff;
  margin-inline: 0.5em;
  color: white;
  font-size: 90%;
  border-radius: 0.6em;
  display: inline-block;
  font-family: sans-serif;
  font-weight: bold;
}

.chrome-only:-moz-first-node {
  margin-inline-start: 0;
}

<p>
  <span class="chrome-only">Chrome Only</span>You can do ...... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p lang="ja-jp">
  この機能は<span class="chrome-only">Chrome限定</span>です。
</p>

https://codepen.io/tats-u/pen/xxvyJRK

margin-trim has the issue that it doesn't inherit, so there's some challenges with applying it to inline contexts like this, but this is a use case we should take into consideration somehow.