CodePen

HTML

            
              <p>Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              p {
  display: inline-block;
  position: relative;
  font-size: 22px;
  margin-top: 40px;
  margin-left: 40px;
}

p:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px; /* ADJUST HEIGHT TO ADD WEIGHT */
  background: black; /* CHANGE COLOR TO SUIT */
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................