Заголовок h1 не полностью покрасился в background-color

Почему то при задании стиля background-color не покрасил блок в красный цвет, восклицательный знак выходит из фона и живет своей жизнью.

h1 {
  color: blue;
  font-size: 50px;
  display: block;
  width: 250px;
  height: 200px;
  background-color: red;
}

<h1>Hello,world!</h1>