Round cap underlines

by omarjuvera

HTML

<h2>Title</h2>
<p>Text</p>
<h2>Long title this is a very long title, spanning multiple lines.</h2>
<p>Long title this is a <span>very long title</span>, spanning multiple lines.</p>

CSS

h2, p {
  font-family: Arial;
  padding: 10px 0;
}

h2::after {
  content: "";
  float: left;
  background: #00a75d;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  margin-top: 5px;
}

span::after {
  content: "";
  float: left;
  background: #00a75d;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  margin-top: 5px;
}