<!DOCTYPE html> | |
<style> | |
body { | |
margin: 0; | |
padding: 0; | |
} | |
#container { | |
position: relative; | |
background: #ccc; | |
font: 20px Ahem; | |
} | |
#floater { | |
float: none; | |
} | |
</style> | |
<body> | |
<p> When a block element becomes a float we should not strip anonymous blocks wrapping its inline siblings if there are other blocks on the line.</p> | |
<div id="container"> | |
<strong></strong> | |
<p></p> | |
<dd id="floater"></dd> | |
<br> | |
</div> | |
<script> | |
document.body.offsetTop; | |
document.getElementById('floater').style.float = 'right'; | |
</script> | |
</body> | |