<div>Texte sans bordure et sans espace interne</div>
<div>Texte sans bordure mais avec espace interne</div>
<div>Texte avec une bordure et espace interne </div>
<div class="boxSizing">Texte avec bordure et espace interne et box-sizing </div>
div{
  width: 150px;
  height: 100px;
  margin-right: 2px;
  float: left;
}
div:nth-child(1){
  background-color: silver;
}
div:nth-child(2){
  padding: 10px;
  background-color: pink;
}
div:nth-child(3){
  background-color: orange;
  padding: 10px;
  border: 5px grey solid;
}
div.boxSizing{
  padding: 10px;
  background-color: pink;
  border: 5px grey solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.