<!DOCTYPE html>
<html>
<style>
    .first-letter::first-letter {
        color: red;
    }
</style>

<body>
<p>This test checks that inline elements cannot be the first letter of an ancestor element.</p>
<p>The tests passes if you see all the letters black and you see no red.</p>

<div class="first-letter">
    <div style="display: inline-block;">Text</div>
    Out
</div>

<div class="first-letter">
    <button>Text</button>
    Out
</div>

<div class="first-letter">
    <select>
        <option>Text</option>
    </select>
    Out
</div>

</body>
</html>