title: CSS - Border where only half of a border is visible
body: <p>I am confused as to have to make it work in CSS only to have a div where the border would be only visible on half it's width.</p>
  
  <p>The border style is a simple <code>1px solid #000;</code></p>
  
  <p>However, I want the top of the <code>div</code>'s border to not be visible everywhere (on 100% on the <code>div</code>'s width),
  rather only on the first 50% of the <code>div</code>'s width.</p>
  
  <p>I haven't been able to get an example of this anywhere, and it needs to be in percentages, so the usual bag of tricks (image over the second half,...).</p>