| <!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> |