JSFiddle - React, Tailwind, and code Playground

HTML

<div id="conteiner">
    <h1>Наш заголовок</h1>
</div>

CSS

#conteiner{
   background:url('http://placekitten.com/600/400?image=11');
    height:280px;
    width:500px;
    padding:20px;
    text-align:center;
}
#conteiner h1{
    font: 40px Helvetica,sans-serif;
    display:inline;
    border-bottom:5px solid yellow;
    padding: 0;
}
#conteiner h1:before{
    content:"";
    display:inline-block;    
    border-left:5px solid yellow;
    border-top:5px solid yellow;    
    height:20px;
    width:10px;
    margin: 0 5px -10px 0;
}
#conteiner h1:after{
    content:"";
    display:inline-block;    
    border-right:5px solid yellow;
    border-top:5px solid yellow;    
    height:20px;
    width:10px;
    margin: 0 0 -10px 5px;
}