Альтернатива legend в fieldset

[YurikMurik]

Добрый день! 
Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?

[AlexZaw]

Имеется ввиду следующее:

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

.box{
  width: 400px;
  height: 200px;
  border: 1px solid #000;
  border-top: none;
  position: relative;
}
.box:before{
  display: block;
  content: '';
  height: 1px;
  width: calc(50% - 40px);
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.box:after{
  display: block;
  content: '';
  height: 1px;
  width: calc(50% - 40px);
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
}

И все-таки, чем не устраивает тег legend?

[vladmih]

вехнюю полосу сделать через after и before
для правого
right: 0px;

left: calc(50 - X)

где X - это половина дырки между линиями в px

Edited April 11, 2018 by vladmih

[AlexZaw]

А чем legend не устраивает? 

[YurikMurik]

В 11.04.2018 в 13:31, vladmih сказал:

вехнюю полосу сделать через after и before
для правого
right: 0px;

left: calc(50 - X)

где X - это половина дырки между линиями в px

Не совсем понял что вы имеете в виду. Можно поподробнее ? Никогда до этого не строил линии при помощи псевдоэлементов