title: Aligning few components horizontally in React
body: <p>I have three big component. Two of thes takes something like 1/3 of the screen and my goal is to present them at the horizontally from left to right.</p>
  
  <p>When just putting them like in the code I added, they presented one after another Vertically which causing the uder to scroll down to find them. How can I present them in horizontally on the screen ? (I tried a couple of things with css with no success).</p>
  
  <p>This is the return method, the Tables component contains two different tables inside of it:</p>
  
  <pre><code> return (
        &lt;div&gt;
          {title} &lt;Chat /&gt;
          &lt;Tables/&gt;}
  
        &lt;/div&gt;
      );
  </code></pre>