title: Insert a line on a box CSS
body: <p>I want to make that line crossing the square (image below) in css, could anyone help me?</p>
  
  <p><a href="http://www.brainmotion.com.br/download/img.png" rel="nofollow noreferrer">img http://www.brainmotion.com.br/download/img.png</a></p>
  
  <p>If i have a div like this:</p>
  
  <pre><code>&lt;div class="abcd"&gt;
  &lt;/div&gt;
  
  .a {border:1px solid;}
  </code></pre>
  
  <p>Thanks so much</p>