 <p>Here's a quick and easy way, so long as your background is a solid color.</p> <p>HTML:</p> <pre><code>&lt;p class="myCopy"&gt; &lt;span&gt;My Text goes here&lt;/span&gt; &lt;/p&gt; </code></pre> <p>CSS:</p> <pre><code>.myCopy { display: block; height: 10px; border-bottom: solid 1px #000; text-align: center; } .myCopy span { display: inline-block; background-color: #fff; padding: 0 10px; } </code></pre> <p>Adjust the height value of .myCopy to move the line up and down. Change the background color of the inner span to match the primary background color.</p> <p>EDIT: here's a fiddle - <a href="http://jsfiddle.net/znVEL/" rel="nofollow">FIDDLE!!!</a></p>