title: how to add vertical line between two divs
body: <p>I want to make a vertical line between two <code>div</code>s. we have <code>hr</code> for horizontal line but none for vertical line as I know. Is there anyway to make it without using <code>border</code>? </p>
  
  <pre><code>&lt;style&gt;
  #wrapper_1 {
      background-color:pink;
      height:100px;
      float:left;
      width: 100px;
  }
  
  #wrapper_2 {
      background-color:brown;
      height:100px;
      width: 100px;
      float:right;
  }
  &lt;/style&gt;
  
  &lt;div id="wrapper_1"&gt;
      Creating slideshows PHP
  &lt;/div&gt; 
  
  &lt;div id="wrapper_2"&gt;
      Creating slideshows with WordPress 
  &lt;/div&gt;
  </code></pre>