Los tres divs tienen un ancho declarado del 50% de la ventana

Sin padding: el texto queda pegado al borde de la caja.

Con padding y sin box-sizing: la caja supera el 50% del ancho porque el padding se suma al width declarado.

Con padding y con box-sizing:border-box: la caja respeta exactamente el 50% del ancho porque el padding se resta del interior.

Volver al índice de Css