Header stroke

by Dru Dro

HTML

<h1><span>Первые блюда</span>
</h1>

CSS

body,
html {
  margin: 0;
  padding: 0;
}

body {
  background: rgb(128, 178, 128);
}

h1 {
  text-align: center;
  color: #fff;
  font: 24px Arial;
  position: relative;
}

h1 span {
  background: rgb(128, 178, 128);
  box-shadow: 0 0 20px 10px rgb(128, 178, 128);
  padding: 0 5px;
}

h1:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 2px dotted #fff;
  bottom: .5em;
  z-index: -1;
}