текст в центре между линиями

index.html

<h1>Немного букв</h1>

style.css

body{
  background-color: #f0f;
}
h1 {
    overflow: hidden;
    position: relative;
    width: 80%;
    margin: 0 auto;
    font-family: Georgia, serif;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
  }
  h1:before,
  h1:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 9px;
    top: -1px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
  }
  h1:before {
      left: -.5em;
      margin-left: -50%;
  }
  h1:after {
    left: 10px;
    margin-right: -50%;
  }

текст-в-центре-между-линиями.markdown

текст в центре между линиями

A Pen by Veremey on CodePen.

License.