Children of floated elements were rendered at the float's initial in-flow position instead of inside the float's final positioned box. After laying out children and repositioning the float in the parent's float context, offset all children and inline fragments by the position delta. Also fixes existing golden 118 (float-with-clear-on-float) where text inside a cleared float was incorrectly positioned at y=8 instead of y=58. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
23 lines
448 B
HTML
23 lines
448 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
aside {
|
|
float: right;
|
|
width: 30%;
|
|
padding: 0 15px;
|
|
margin-left: 15px;
|
|
background-color: #cccccc;
|
|
border: 1px solid #000000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<aside>
|
|
<h4>This is an aside</h4>
|
|
<p>Aside content here.</p>
|
|
</aside>
|
|
<p>Main content that flows around the floated aside element on the left side.</p>
|
|
<p>Second paragraph of main content continues flowing around the float.</p>
|
|
</body>
|
|
</html>
|