53 lines
1.1 KiB
HTML
53 lines
1.1 KiB
HTML
<!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>
|