| <!DOCTYPE html> |
| <style> |
| #mc > div { |
| position: absolute; |
| inset-block-start:-10px; |
| inline-size: 50px; |
| border: 10px solid; |
| } |
| </style> |
| <p>Box shadows should be painted around all of the three fragments.</p> |
| <div id="mc" style="position:relative; margin:50px; inline-size:400px; block-size:100px; background:yellow;"> |
| <div style="inset-inline-start:-10px; block-size:100px;"></div> |
| <div style="inset-inline-start: 140px; block-size:100px;"></div> |
| <div style="inset-inline-start: 290px; block-size:50px;"></div> |
| </div> |
