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

Question

[lmbseraph]

Друзья, доброе время суток!
Хочу сделать нечто похожее на своем сайте. Подскажите, как правильно это сделать?

Answer 1

[Александр Nameless08]

Я бы сделал как-то так: https://jsfiddle.net/Nameless08/64vwpLyb/

Comments

[Олег]

<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>

[Олег]

border у дива и бифоре элемент не требуется