JSFiddle - React, Tailwind, and code Playground

HTML

<div id="news_head">
    <span >
    заголовок
    </span>
 </div>

CSS

#news_head {
  
}
#news_head span {
  position: relative;
  margin: 10px;
  font-family: sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
#news_head span:after {
  content: "";
  width: 120px;
  height: 20px;
  background-color: #f00;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 50%;
  z-index: -1;
	-webkit-transform: skew(-30deg);
	   -moz-transform: skew(-30deg);
	     -o-transform: skew(-30deg);
}