0

What will be the total rendered width and height of the border-box below

author
pranav m
medium
0
26
.box {
width: 200px;
height: 100px;
padding: 20px;
border: 10px solid black;
margin: 15px;
box-sizing: border-box;
}


Answer

✅ Answer:

  • Total width = 200px (padding + border are included inside the declared width)
  • Total height = 100px
  • Margins (15px) still sit outside the box.

Click to Reveal Answer

Tap anywhere to see the solution

Revealed

Comments0