Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

[CSS] Wyśrodkowanie nagłówków

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

[CSS] Wyśrodkowanie nagłówków

Post 05.04.2017, 14:07:13

Cześć, mam diva, w tym divie mam tabele, a w tabeli nagłówki h1. W jaki sposób mogę je wyśrodkować na stronie?
Tam mam float: left, ale to celowo, bo chcę żeby nagłówki h1 w linii dobierał sobie odpowiednią ilość nagłówków h1 względem rozdzielczości ekranu.

Całość wygląda tak:
Obrazek

HTML
Kod: Zaznacz cały
<div class="art">
    <table style="margin-left: auto; margin-right: auto;">
        <tbody>
            <tr>
                <td style="">
                     <h1>text1</h1>
                     <h1>text2</h1>
                     <h1>text3</h1>
                     <h1>text4</h1>
                     <h1>text5</h1>
                     <h1>text6</h1>
                </td>
            </tr>
        </tbody>
    </table>
</div>


CSS:
Kod: Zaznacz cały
h1 {
    color: #FFFFFF;
    background-color: #6e8dff;
    font-family: "sans-serif";
    font-weight: normal;
    font-size: 25px;
    font-style: normal;
    text-align: center;
    padding: 15px 10px 15px 10px;
    width: 30%;
    min-width: 160px;
    margin: 10px;
    float: left;
    line-height: normal;
}
ultra2
Posty: 2
Dołączył(a): 05.04.2017

Re: [CSS] Wyśrodkowanie nagłówków

Post 05.04.2017, 14:44:08

display: inline-block + text-align: center

https://jsfiddle.net/ehg90j7q/
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19409
Dołączył(a): 14.04.2002

Re: [CSS] Wyśrodkowanie nagłówków

Post 05.04.2017, 15:23:16

Dzięki, o to mi chodziło!
ultra2
Posty: 2
Dołączył(a): 05.04.2017


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 49631 zarejestrowanych użytkowników.
Najnowszy użytkownik: ACNRosly


Nasi użytkownicy napisali:

  • 933822 wiadomości
  • w 245890 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)