Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<title>Box model is copied to group style</title>
<meta name=fuzzy content="maxDifference=0-10; totalPixels=0-200000">
<style>
* {
box-sizing: border-box;
}
body {
background: rebeccapurple;
margin: 0;
}
div {
width: 200px;
height: 200px;
background: green;
border: 10px solid blue;
padding: 48px;
}
.child {
border: 32px solid yellow;
}
.parent {
border-width: 15px;
padding-top: 27px;
padding-left: 100px;
overflow: clip;
}
</style>
<body>
<div class="parent">
<div class="child"></div>
</div>
</body>