Source code

Revision control

Copy as Markdown

Other Tools

<!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>