Czemu to nie ustawia się na środku?

pytanie zadane 26 czerwca 2018 w HTML i CSS przez Layoutowiec Mądrala (5,470 p.)

Witam!

A więc mam problem z kodem bo nie wiem co może być źle.

Chciałbym ustawić napis na środku diva (ale na tej samej wysokości) ale nie wiem dlaczego ustawia się z prawej strony:

<article id="next5">
    <div class="md">
        <h1>My day</h1>   
    </div>
</article>

.md
{
    height: 500px;
    width: auto;
    text-align: center;
    float: center;
    font-size: 30px;
    background-color: #3f4970;
}

komentarz 26 czerwca 2018 przez pablop76 VIP (123,180 p.)

float: center; nie znam.

komentarz 26 czerwca 2018 przez MrxCI Dyskutant (8,260 p.)

U mnie działa jak powinien, może w innej części kodu jest błąd.

komentarz 26 czerwca 2018 przez Layoutowiec Mądrala (5,470 p.)

@MrxCI, Więc co może być źle?

komentarz 26 czerwca 2018 przez Layoutowiec Mądrala (5,470 p.)

Chciałbym po prostu żeby to było ustawione na center tak jak powinno być bo na razie pokazuje jakby było right

1 odpowiedź

odpowiedź 26 czerwca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Nie ma właściwości float: center. Zbadaj sobie ten element w inspektorze Chroma lub innym tego typu narzedziu. Może masz gdzieś dodatkowe marginesy, paddingi itp. Opcja "zbadaj element" niech będzie Twoim przyjacielem przy tym całym tworzeniu layoputu na wrapbootstrapa :)

Zobacz co masz za computed styles. Masz też tam możliwość podejrzenia wlaściwości w plikach css które za to odpowiadają, ewentualnie może być potrzebne source map jeśli pracujesz np. na scss ale to już zależy jak tam masz to wszystko ogarnięte w projekcie.

komentarz 26 czerwca 2018 przez Layoutowiec Mądrala (5,470 p.)

Ale float: center jest. Jednak dziękuję za pomoc i już chyba wiem co jest nie tak.

komentarz 26 czerwca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

a skąd masz takie informacje? Ja wiem, że jest right, left, none, inherit, ale o center nie słyszalem. Chyba, że mylisz z flexboxem, a tak w ogóle to dlaczego nie robisz tego na flexie? Jest to o wiele przyjemniejsze w konfiguracji.

komentarz 26 czerwca 2018 przez pablop76 VIP (123,180 p.)

Nie ma

komentarz 26 czerwca 2018 przez Layoutowiec Mądrala (5,470 p.)

Racja jestem idiotom.. Cały czas myślałem że chodzi wam o to że nie ma go w moim kodzie..

komentarz 26 czerwca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

A ja mam takie male pytanko... nie chciałbym nikogo urazić, ale czy Ty czasami nie próbujesz wystawić usilnie na sprzedaż swojej pierwszej w życiu stronki...?

komentarz 26 czerwca 2018 przez Layoutowiec Mądrala (5,470 p.)

Nie. Miałem już kilka ale ta jest dla mnie takim przełomem i wiem że czeka mnie jeszcze wiele pracy ale są wakacje więc mam też trochę czasu. I z tego wszystkiego pomyliłem sobie text-align z float.. obiecuję że to się już nie powtórzy