JSFiddle - React, Tailwind, and code Playground

HTML

<div class="f">
    <div class="head"><span>Скачать что-то там mp4</span></div>
    <div>
        <a href="#">Link-1</a>
    </div>
    <div>
        <a href="#">Link-2</a>
    </div>
</div>

CSS

html {
    background: #ddd;
    font-family: sans-serif;
    margin: 20px;
}
.f {
    border: 1px solid #333;
    border-top: 0;
    
    position: relative;
   
}
.l {
    color: #a00;
    padding: 0 10px;
}
.head { white-space: nowrap;display: table; width: 100%; }
.head:after,.head:before {content:' ';display:table-cell; border-top: 1px solid #000; width: 50%; }
.head span {position: relative; top: -10px; padding: 0 10px;}