flexbox_first-letter.html (700B)
1 <!DOCTYPE html> 2 <title>flexbox | first-letter</title> 3 <meta name="assert" content="This test is ensures that flexbox placement does not apply to ::first-letter psuedo-content"> 4 <link rel="author" title="Vince Falconi" href="vince.falconi@gmail.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#placement"> 6 <style> 7 div { display: flex; } 8 div::first-letter { order: 2 } 9 </style> 10 <script src="/resources/testharness.js"></script> 11 <script src="/resources/testharnessreport.js"></script> 12 13 <div>Triceratops</div> 14 15 <script> 16 test(function() { 17 let order = getComputedStyle(document.querySelector('div'), '::first-letter').order; 18 assert_not_equals(order, '2'); 19 }); 20 </script>