CodePen

HTML

            
              <div class="block">
  <h1><span>I. June 2012</span></h1>
  <h2>Responsive Typography: The Basics</h2>
  <p>...</p>
</div>
            
          
!

CSS

            
              div.block {
  border-top: 3px dotted #ccc;
}
h1 {
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.5em;
  text-transform: uppercase;
  margin-top: -0.75em;
  text-align: center;
}
h1 span {
  background-color: #fff;
  padding: 0 5px;
}
h2 {
  text-align: center;
  font-style: italic;
  font-weight: normal;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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