<!DOCTYPE html>

<style>
@import "resources/width-keyword-classes.css";
@import "resources/intrinsic-size-contribution.css";

.item {
    width: 50%;
}
</style>

<div class="container" style="width: 50px;">
    <div class="item">XXX XXXXX</div>
</div>

<div class="container" style="width: 60px;">
    <div class="item border">XXX XXXXX</div>
</div>

<div class="container" style="width: 70px;">
    <div class="item padding">XXX XXXXX</div>
</div>

<div class="container" style="width: 90px;">
    <div class="item margin">XXX XXXXX</div>
</div>

<div class="container" style="width: 80px;">
    <div class="item border padding">XXX XXXXX</div>
</div>

<div class="container" style="width: 100px;">
    <div class="item border margin">XXX XXXXX</div>
</div>

<div class="container" style="width: 120px;">
    <div class="item border padding margin">XXX XXXXX</div>
</div>