html,body {

  background: #ccf;

}

div {

  position: relative;

  background: #ccf;

  height: 50px;

  border-bottom: 1px dashed #f88;

}

div:before {

  position: absolute;

  background: #ccf;

  bottom: -2px;

  left: 50%;

  margin-left: -50px;

  content: '';

  display: block;

  width: 100px;

  height: 20px;

  z-index: 0;

}

div:after {

  position: absolute;

  background: #ccf;

  left: 50%;

  margin-left: -50px;

  content: '';

  display: block;

  border: 1px dashed #f88;

  width: 100px;

  height: 80px;

  border-radius: 50%;

  z-index: -5;

}