title: Use shape-outside with position:fixed
body: <p>I would like a red square to have <code>position:fixed</code> in the top-right corner, text that wraps around it and rearranges when scrolling.</p>
  
  <p>So far I have an exclusion using <code>shape-outside</code> (see Fiddle <a href="http://jsfiddle.net/2bq1rnu7/1/" rel="nofollow">here</a>) but it does not play well with <code>position:fixed</code>.</p>
  
  <p>How can I have the red box fixed in the top-right, with the text flowing around it when scrolling?</p>