Pozicování textu – CSS – Fórum – Programujte.com

Zdravím

Mám takový menší problém, který pro některé určitě bude hračka. Potřebuji upravit text podle obrázku který je zde přiložený. Zkoušel jsem to nakodovat ale marně. Může mi někdo poradit jak to udělat aby to vypadalo jako na obrázku č.1?

Děkuji

Img No.1 - http://2.1m.yt/OFMAk7E.jpg

Img No.2 - http://2.1m.yt/6z5iw6K.png

Zde je kod:

<div class="gray-belt">
     <div class="row">
        <img src="img/logo.png" alt="CreativeHyip" class="logo-small">
        <h4>You got a great idea, but</h4>
        <h2>You can't do it</h2>
        <h1>Yourself</h1>
     </div>
</div>

A zde CSS:

/*=================
    COMPONENTS
=================*/
.row {
    max-width: 1140px;
    margin: 0 auto;
}
h4 {
    font-family: HelveticaNeueTh;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 120%;
}
h2 {
    font-family: HelveticaNeueMd;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
h1 {
    font-family: HelveticaNeueBdOu;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

Co presne potrebujes upravit? Jako, ktere css vlastnosti, nebo, co z toho obrazku?

V css vidim, ze neresis vubec margin, padding u Hx. Nemas tam background-image. Pripadne je to mozna nejaky css-js-efekt, filter, to nevim. No a mas tam nastavene centrovani pomoci marginu.

Staci to takhle?

Už jsem si s tím pohrál. Akorát mi ještě chybí jedna věc:

Na obrázku 1 je vidět že nápis "YOURSELF" má stejnou šířku jako text nad tím, ale větší velikost fontu a to se nyní snažím udělat. Když dám dejme tomu velikost fontu 200% nebo klidně i 500% tak se velikost vůbec nemění. Šířku nápisu si upravím pomocí letter-spacing, ale velikost fontu mi pořád nejde. 

V CSS mám definováno pro celý web velikost fontu 20 pixelů a pak už si jenom u některých nadpisů  atd přizpůsobuji velikost pomocí procent. Všude to jde pomocí procent ale u tohoto ne.

Takže nyní potřebuji akorát udělat větší font na H1.