34 lines
958 B
HTML
34 lines
958 B
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.cleared-container {
|
|
font: 30px/1 Ahem;
|
|
clear: both;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 1em 0 0;
|
|
}
|
|
.floated-child {
|
|
float: left;
|
|
width: 33.33%;
|
|
background: rgb(200,200,200);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script src="../../../resources/check-layout.js"></script>
|
|
<ul class="cleared-container">
|
|
<li class="floated-child" data-offset-y="30px">These words should</li>
|
|
<li class="floated-child" data-offset-y="30px">be all on the </li>
|
|
<li class="floated-child" data-offset-y="30px">same line.</li>
|
|
</ul>
|
|
<p> https://bugs.webkit.org/show_bug.cgi?id=109476 : only the first floated child of a self-collapsing block needs to account
|
|
for its collapsed margin. </p>
|
|
<script>
|
|
checkLayout('.floated-child');
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|