line-clamp-with-floats-006-ref.html (451B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference</title> 4 <style> 5 .clamp { 6 display: flow-root; 7 font: 16px / 32px serif; 8 padding: 0 4px; 9 background-color: yellow; 10 } 11 .float { 12 float: left; 13 width: 50px; 14 height: 75px; 15 margin: 4px; 16 background-color: skyblue; 17 } 18 .pre { 19 white-space: pre; 20 } 21 </style> 22 <div class="clamp"> 23 <div class="pre">Line 1 24 Line 2 25 Line 3</div> 26 <div class="float"></div> 27 <div class="pre">Line 4…</div> 28 </div>