<!DOCTYPE html>

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

.item {
    width: 50%;
}
</style>
<div class="container max-content">
    <div class="item">XXX XXXXX</div>
</div>

<div class="container max-content">
    <div class="item border">XXX XXXXX</div>
</div>

<div class="container max-content">
    <div class="item padding">XXX XXXXX</div>
</div>

<div class="container max-content">
    <div class="item margin">XXX XXXXX</div>
</div>

<div class="container max-content">
    <div class="item border padding">XXX XXXXX</div>
</div>

<div class="container max-content">
    <div class="item border margin">XXX XXXXX</div>
</div>

<div class="container max-content">
    <div class="item border padding margin">XXX XXXXX</div>
</div>