HTML5/CSS3 Shifted logo

logo.html

<h1 data-content="Graphic portfolio">Graphic portfolio</h1>

style.css

h1 {
    font: 80px/1 "Trebuchet MS", Helvetica, Jamrul, sans-serif;
    position: relative;
    white-space: nowrap;
}

h1:after {
    position: absolute;
    display: block;
    top: 0.48em;
    left: -0.035em;
    padding-right: 0.035em;
    /* line-height below 0.045 is bugged on Opera */
    /* for smaller font-sizes */
    line-height: 0.045;
    height: 0.3em;
    overflow: hidden;
    background: #fff;
    content: attr(data-content);
}