title: Wrapping table content around a floating div across multiple rows
body: <p>Part-way down my page I have a table with two columns and multiple rows, each containing varying amounts of dynamically generated text.</p>
  
  <p>I would like to float a div (of fixed size) so that it spans as many rows of the second column as may be necessary from the top-right corner, with lines of text wrapping around it as required.</p>
  
  <p>So if, for example, the bottom of the div is half-way down the third row, the text in that row should wrap around the left and bottom edges of the div.</p>
  
  <p>I hope this makes sense. Can anyone please help?</p>
  
  <p><img src="https://i.stack.imgur.com/bwhOx.png" alt="The linked illustration demonstrates what I&#39;d like to achieve"></p>