Как сделать текст в html похожий на картинке?

<style>
.plashka h2{
 font-family: Tahoma ;  font-size 14px; color: #fff;
  padding: 10px 15px;
  background-color: #1f4537; 
  display: inline-block;
  margin-bottom:0;
}
.plashka{
  border-bottom: 2px solid #1f4537;
  margin-bottom:8px;  
}
</style>

<div class="plashka">
<h2>Последние новости</h2>
</div>