html - Take the middle of the top border away

Question

I try to get the middle of the top stripe of the border away but not the whole top, how can I do this? I am doing Html. I tried a lot but without success I hope anyone can help me.

Answer 1

If I have understood you question correctly, something basic like this would hide the middle of the top border:

.box {
  position: relative;
  height: 100px;
  width: 300px;
  border: 10px solid #000;
}

.box .mask {
  border-top: 10px solid #fff;
  width: 100px;  
  position: absolute;
  top: -10px;
  left: 100px;  
}

<div class="box">
  <div class="mask"></div>
</div>