title: How to get these two divs side-by-side?
body: <p>I have two divs that are not nested, one below the other. They are both within one parent div, and this parent div repeats itself. So essentially:</p>
  
  <pre><code>&lt;div id='parent_div_1'&gt;
    &lt;div class='child_div_1'&gt;&lt;/div&gt;
    &lt;div class='child_div_2'&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id='parent_div_2'&gt;
    &lt;div class='child_div_1'&gt;&lt;/div&gt;
    &lt;div class='child_div_2'&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id='parent_div_3'&gt;
    &lt;div class='child_div_1'&gt;&lt;/div&gt;
    &lt;div class='child_div_2'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to get each pair of <code>child_div_1</code> and <code>child_div_2</code> next to each other. How can I do this?</p>