<script>
    if (window.internals)
    window.internals.settings.setAppleMailLinesClampEnabled(true)
    
</script>
<style>
    div.clamp { border:5px solid black; -webkit-lines-clamp: 3 3 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>
    Line One<br>
    Line Two<br>
    Line Three<br>
    
    
</div>

<div id="foo">The middle piece.</div>

<div>
    Line Ten<br>
    Line Eleven<br>
    Line Twelve<br>
 
</div>
</div>