<!DOCTYPE html>

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

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

<div class="container min-content">
    <div style="width: 50px;">
        <div class="item percent"></div>
    </div>
</div>

<div class="container min-content">
    <div style="width: 60px;">
        <div class="item percent border"></div>
    </div>
</div>

<div class="container min-content">
    <div style="width: 70px;">
        <div class="item percent padding"></div>
    </div>
</div>

<div class="container min-content">
    <div style="width: 90px;">
        <div class="item percent margin"></div>
    </div>
</div>

<div class="container min-content">
    <div style="width: 80px;">
        <div class="item percent border padding"></div>
    </div>
</div>

<div class="container min-content">
    <div style="width: 100px;">
        <div class="item percent border margin"></div>
    </div>
</div>

<div class="container min-content">
    <div style="width: 120px;">
        <div class="item percent border padding margin"></div>
    </div>
</div>
