I am trying to place a 100% horizontal line (rule) automatically beneath every instance of an
header tag using CSS.
Example
Why not just use border-bottom? You can remove the span then too..
border-bottom
HTML:
Introduction
CSS:
h1 { width:100%; border-bottom: solid 1px #666; }