Skip to content

Instantly share code, notes, and snippets.

@wnas
Created March 29, 2018 09:23
Show Gist options
  • Save wnas/60c0d6c768384efe725274578c8f2424 to your computer and use it in GitHub Desktop.
Save wnas/60c0d6c768384efe725274578c8f2424 to your computer and use it in GitHub Desktop.
JS Bin // source http://jsbin.com/jidenak
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
article {
display: flex;
flex-wrap: wrap;
}
div {
padding: 1rem;
margin: .5rem;
outline: 1px solid red;
height: 50px;
width: 120px;
}
.border-box {
box-sizing: border-box;
}
.content-box {
box-sizing: content-box;
}
.inherit {
box-sizing: inherit;
}
.initial {
box-sizing: initial;
}
.unset {
box-sizing: unset;
}
</style>
</head>
<body>
<article>
<div class="border-box">
border-box
</div>
<div class="content-box">
content-box
</div>
<div class="inherit">inherit</div>
<div class="initial">initial</div>
<div class="unset">unset</div>
</article>
<script id="jsbin-source-css" type="text/css">article {
display: flex;
flex-wrap: wrap;
}
div {
padding: 1rem;
margin: .5rem;
outline: 1px solid red;
height: 50px;
width: 120px;
}
.border-box {
box-sizing: border-box;
}
.content-box {
box-sizing: content-box;
}
.inherit {
box-sizing: inherit;
}
.initial {
box-sizing: initial;
}
.unset {
box-sizing: unset;
}</script>
</body>
</html>
article {
display: flex;
flex-wrap: wrap;
}
div {
padding: 1rem;
margin: .5rem;
outline: 1px solid red;
height: 50px;
width: 120px;
}
.border-box {
box-sizing: border-box;
}
.content-box {
box-sizing: content-box;
}
.inherit {
box-sizing: inherit;
}
.initial {
box-sizing: initial;
}
.unset {
box-sizing: unset;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment