title: How to style one react component inside another?
body: <p>I'm new to css and I can't figure out how to position one component inside another in React. I can show them separately, but when I put one inside another. I don't see the one inside. I think the problem is in the css file</p>
  
  <pre><code>#homePage{
     section{
        h1{
          text-align: left; //this is shown
        }
        //here I want to add the other React component but I don't know how
  
     }
  }
  </code></pre>
  
  <p>And the render method:</p>
  
  <pre><code>&lt;div id="homePage"&gt;
    &lt;Component1&gt;
      &lt;section&gt;
       &lt;h1&gt;Hi&lt;/h1&gt;
       &lt;Component2&gt;
       &lt;/Component2&gt;
      &lt;/section&gt;
    &lt;/Component1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks.</p>