<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.