title: Horizontal Rule between <div>'s
body: <p>Right now, I have 3 divs Content1, Content2, Content3</p>
  
  <p>I want to add a simple stylized rule to separate the content in each. Here is the code that I am working with.</p>
  
  <p>HTML</p>
  
  <pre><code>     &lt;div id="Content1"&gt;
       &lt;p&gt;&lt;strong&gt;Content1&lt;/strong&gt;&lt;/p&gt;
       &lt;/div&gt;
  
       &lt;div id="Content2"&gt;
       &lt;p&gt;&lt;strong&gt;Content2&lt;/strong&gt;&lt;/p&gt;
       &lt;/div&gt;
  
       &lt;div id="Content3"&gt;
       &lt;p&gt;&lt;strong&gt;Content3&lt;/strong&gt;&lt;/p&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>I want to add a Horizontal Rule inbetween Content1 and Content2 and between Content2 and Content3.</p>
  
  <p>I have included an image so you can see exactly what I mean.</p>
  
  <p><img src="https://i.stack.imgur.com/rCsmD.jpg" alt="enter image description here"></p>
  
  <p>Thanks!</p>