blob: 63e37d5d799015db8bec52f706763f38d693bc46 [file] [log] [blame]
<script>
if (window.internals)
window.internals.settings.setAppleMailLinesClampEnabled(true)
</script>
<style>
div.clamp { border:5px solid black; -webkit-lines-clamp: 4 7 foo; -webkit-column-gap:50px; -webkit-column-rule:5px solid blue; }
#foo { height:50px; border:2px solid blue; -webkit-user-select:none; }
</style>
<body>
<div class=clamp>
<div>
<div style="float:right;border:2px solid green;font-size:24px">Float Line 1<br>Float Line 2<br>Float Line 3<br>Float Line 4</div>
Line One<br>
Line Two<br>
Line Three<br>
Line Four<br>
Line Five<br>
Line Six<br>
</div>
<div id="foo">The middle piece.</div>
<div>
Line Seven<br>
Line Eight<br>
Line Nine<br>
Line Ten<br>
Line Eleven<br>
Line Twelve<br>
</div>
</div>