display-math-on-pseudo-elements-002.html (794B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>display: block math and inline math on pseudo elements</title> 4 <link rel="help" href="https://drafts.csswg.org/css-display/#the-display-properties"> 5 <meta name="assert" content="display: inline math and display: block math on compute to flow"> 6 <link rel="match" href="display-math-on-pseudo-elements-002-ref.html"> 7 <style> 8 .inline::before { content: 'math'; display: math; } 9 .inline::after { content: 'math'; display: math; } 10 .block::before { content: 'math'; display: block math; } 11 .block::after { content: 'math'; display: block math; } 12 </style> 13 <p>Test passes if SPAN and DIV are respectively surrounded by inline and block 14 "math" text.</p> 15 <div> 16 <span class="inline">SPAN</span> 17 </div> 18 <div> 19 <span class="block">DIV</span> 20 </div>