| <!DOCTYPE html> | |
| <html style="font-family: ahem; font-size: 50px; -webkit-font-smoothing: none;"> | |
| <!-- 'A' orange box should be inside the green box, which in turn is inside the purple box. --> | |
| <body> | |
| <style> | |
| #div1:before { | |
| display: run-in; | |
| content: 'A'; | |
| color: orange; | |
| } | |
| </style> | |
| <div id="div1" style="display: inline-block; border: 10px solid purple"> | |
| <div style="border: 10px solid green"></div> | |
| </div> | |
| </body> | |
| </html> |