blob: c739e98bf63dbbb59e33f5e85704fe1b82ab47be [file] [log] [blame]
<!DOCTYPE html>
<style>
@import "resources/width-keyword-classes.css";
@import "resources/intrinsic-size-contribution.css";
.percent {
width: 50%;
}
</style>
<div class="container max-content">
<div style="width: 50px;">
<div class="item percent"></div>
</div>
</div>
<div class="container max-content">
<div style="width: 60px;">
<div class="item percent border"></div>
</div>
</div>
<div class="container max-content">
<div style="width: 70px;">
<div class="item percent padding"></div>
</div>
</div>
<div class="container max-content">
<div style="width: 90px;">
<div class="item percent margin"></div>
</div>
</div>
<div class="container max-content">
<div style="width: 80px;">
<div class="item percent border padding"></div>
</div>
</div>
<div class="container max-content">
<div style="width: 100px;">
<div class="item percent border margin"></div>
</div>
</div>
<div class="container max-content">
<div style="width: 120px;">
<div class="item percent border padding margin"></div>
</div>
</div>