ReactJS: How to make <div/> float not affect the next <div/>?
<p>I currently have: </p>

<pre><code>&lt;div style={{float:'left'}}&gt;Left&lt;/div&gt;
&lt;div style={{float:'right'}}&gt;Right&lt;/div&gt;
&lt;div&gt;Below&lt;/div&gt;
</code></pre>

<p>I was able to get <code>Left</code> and <code>Right</code> to be on the opposite ends like intended on the same line, but the <code>Below</code> is also affected, and floats to the left, right next to <code>Left</code>, even though float has not been defined for it. </p>

<p>So I was wondering how to keep <code>Below</code> on the next line, without being affected by the previous floats? </p>