title: 'float: right' evaluates as 'float: none'
body: <p>I have floats that are not behaving, and I have no idea why. This is what the Chrome dev tool says. </p>
  
  <p><a href="https://i.stack.imgur.com/QVvve.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QVvve.png" alt="google chrome broken float computed view"></a></p>
  
  <p>As you can see, the only float set is <code>float: right;</code>, so it's not a specificity issue. </p>
  
  <p>I've tried setting <code>width</code>, changing <code>display</code>, explicitly setting <code>position: static/relative:</code>, and a few other things I can't recall. </p>
  
  <p>I am at a loss on how to fix it.</p>