<!DOCTYPE html>
<style>
.first-letter::first-letter {
  color: red;
}
.flex {
  display: flex;
}
</style>
<p>Tests pass if initial "R" are in red and "X" are in black.</p>
<div class="first-letter">R first-letter applies in div.</div>
<div class="first-letter flex">X first-letter do not apply if display: flex</div>
<fieldset class="first-letter flex">X first-letter do not apply if display: flex, even in fieldset</fieldset>