display-math-on-pseudo-elements-002-ref.html (548B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>display: block math and inline math on pseudo elements (reference)</title> 4 <style> 5 .inline::before { content: 'math'; display: inline; } 6 .inline::after { content: 'math'; display: inline; } 7 .block::before { content: 'math'; display: block; } 8 .block::after { content: 'math'; display: block; } 9 </style> 10 <p>Test passes if SPAN and DIV are respectively surrounded by inline and block 11 "math" text.</p> 12 <div> 13 <span class="inline">SPAN</span> 14 </div> 15 <div> 16 <span class="block">DIV</span> 17 </div>