ef.html">
<meta name="assert" content="This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.">
<style>
  .grid {
    display: grid;
  }

  .item::first-letter {
    color: green;
  }
</style>
<div class="grid">
  <div class="item">
    <p>
      The <strong>first letter</strong> of this paragraph, and only that one, should be <strong>green</strong>.
      In addition, body and paragraph margins should <strong>not collapse</strong>.
    </p>
  </div