CSS Box Model

margin/outline/border/padding

by Wentz Wu

HTML

<div id="box">
  CSS Box Model!
</div>

CSS

#box {
  outline: 5px dashed red;
  border: 20px solid grey;
  margin: 50px;
  padding: 50px;
  width: 200px;
  box-sizing: content-box;
}