16 lines
553 B
HTML
16 lines
553 B
HTML
<!doctype html>
|
|
<head>
|
|
<style>
|
|
.box { padding:3px; margin:3px }
|
|
.nowrap { white-space: nowrap; }
|
|
.float { float: left; }
|
|
.box div { height:40px; border:2px solid black; }
|
|
.float { width:100px; height:100px; background-color:yellow }
|
|
.shift { margin-top:-48px; height:40px; background-color:orange; margin-right:8px }
|
|
</style>
|
|
<body>
|
|
|
|
<div class="float"></div>
|
|
|
|
<div class="box"><div>This line of text should avoid the float and paint on top of the orange background. The black border should paint behind the float.</div></div>
|
|
<div class="shift"></div> |