title: How can I create a border in the middle of the div (horizontally)?
body: <p>I have a line of objects/elements like this:</p>
  
  <p><img src="https://i.stack.imgur.com/jsStW.png" alt="enter image description here"></p>
  
  <p>I want to create a line, and place it <strong>behind</strong> all my objects, in the  <strong>center</strong> if my div.</p>
  
  <p>Here is what I'm hoping to make: </p>
  
  <p><img src="https://i.stack.imgur.com/R8NRo.png" alt="enter image description here"> </p>
  
  <p>To create a border on top, right, bottom, left, or around a div is quite simple, but in the middle of the div is surprisingly hard. I've been trying to research on this, but I don't see any good one so far. </p>
  
  <p>Any CSS expert want to show off your CSS skill?</p>
  
  <p><a href="http://jsfiddle.net/bheng/1Leyhps6/" rel="noreferrer"><code>Fiddle</code></a></p>