Diskuze: Vycentrování <h2> a umístění odspoda.

HTML a CSS HTML a CSS Vycentrování <h2> a umístění odspoda. American English version English version

Avatar
Motlja
Člen
Avatar
Motlja:

Zdravím borci!
Mám kód html

<article id="login">
                <p>Na co čekáš?... na další <b>kouli?!!</b>... Radši bych to neriskoval a čeknul bych jestli tady není něco novýho.</p>
                <form>
                    <a>Jméno:</a><input type="text" name="jmeno"><br>
                    <a>Heslo:</a><input type="password" name="heslo">
                </form>

                <div class="spodek"><h2>-----LOGIN-----</h2></div>
            </article>
            <article id="registrace">
                <p>Nebaví tě dostávat špatný známky, a chceš vědět co bude v testu. Nebo si jen nebyl ve škole a chceš si dopsat zápisky?<br>                     Tak neváhej a zaregistruj se, ať máš větší šanci projít do dalšího ročníku.</p>
                <form>
                    <a>Jméno:</a><input type="text" name="jmeno"><br>
                    <a>Heslo:</a><input type="password" name="heslo"><br>
                    <a>E-mail:</a><input type="text" name="email">
                </form>

                <div class="spodek"><h2>-----REGISTRACE-----</h2></div>
            </article>

A potřeboval bych aby se mi v obouch <articlech> <h2> umisťoval doprostřed dolu nějaký 20px odspoda.

Vztekám se s tím asi 1,5 hodiny a jediný co mi jde je

.spodek{
    float: right;
    width: 100%;
}
h2{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px;
}
Odpovědět 6.10.2014 9:24
Umím a učím se to co chci, to co mě baví a zajímá!!
Avatar
Motlja
Člen
Avatar
Odpovídá na Motlja
Motlja:
.spodek{
position: absolute;
    float: right;
    width: 100%;
    bottom: 20px;
 }

Díky! :D
1,5hodiny a 5 minut ... :(

Akceptované řešení
+20 Zkušeností
Řešení problému
Nahoru Odpovědět 6.10.2014 9:33
Umím a učím se to co chci, to co mě baví a zajímá!!
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.