Liquid design CSS vraag

Hallo,

Voor mijn school moet ik een website me fluid/liquid layout maken. Dit lukt me goe, er is echter 1 ding dat ik niet zo goed begrijp. Ik heb het volgende:

article .tekst {
    width: 100% -32px;
    border: solid 1px #666666;
    margin: 0;
    padding: 15px;
    height: auto;
    overflow: hidden;
    text-align: justify;
}

De width is 100%-32px omdat de padding 2x 15px is en de border 2x 1px.... 100% -32px is echter niet W3 valid. Hoe los ik dit op zodat de div toch 100% is en niet 100% + 32px ?

Is er mischien een manier om ervoor te zorgen dat in deze class de padding en de border niet bij de width geteld worden?

Mvg,
Jelle