Kod CSS na wyśrodkowanie textu na sam środek

pytanie zadane 10 stycznia 2016 w HTML i CSS przez toster234 Początkujący (370 p.)

Witam, wiecie jaki kod css odpowiada na wyśrodkowanie textu?

Chodzi o to aby "Przykładowy text" był na samym środku kafelka.

Projekt:

<html>
    <head>
        <title>kafelki</title>
        <style>
            .kafelek {
                width: 200px;
                height: 200px;
                display: inline-block;
		box-shadow: 10px 10px 5px #888888;
		text-shadow: 10px 10px 5px #888888;

            }
            #kafelek1 {
                background: yellow;
            }
            #kafelek1:hover {
                background: red;
            }
            #kafelek2 {
                background: green;
            }
            #kafelek2:hover {
                background: yellow;
            }
            #kafelek3 {
                background: purple;
            }
            #kafelek3:hover + .kafelek2{
                background: green;
            }
            .kafelek2 {
                display: none;
                width: 100px;
                height: 100px;
                position: absolute;
            }
            #kafelek4 {
                background: red;
        }
        </style>
    </head>
    <body>
        <center>
        <div id="kafelek1" class="kafelek">Przykładowy text</div>
        <div id="kafelek2" class="kafelek">Przykładowy text</div>
        <div id="kafelek3" class="kafelek">Przykładowy text</div>
    </body>
</html>

3 odpowiedzi

odpowiedź 10 stycznia 2016 przez radek024 Szeryf (77,160 p.)
wybrane 10 stycznia 2016 przez toster234

Najlepsza

Znacznik center jest przestarzały, więc się go nie używa. Zamiast tego polecam wszystko wrzucić do containera i ustawić automtyczne margin-left oraz margin-right. Co do kodu:

height:40px;
text-align: center;
vertical-align: middle;
line-height: 40px;

Height i line-height mają mieć takie same wartości. Myślę że rozwiąże sprawę ;)

odpowiedź 10 stycznia 2016 przez robert9620 Stary wyjadacz (11,640 p.)

odpowiedź 10 stycznia 2016 przez Schizohatter Nałogowiec (39,600 p.)

Podobne pytania

+1 głos

1 odpowiedź 291 wizyt

Witam ostatnio na forum widziałem

pytanie zadane 31 lipca 2015 w HTML i CSS przez uMAXa Gaduła (4,290 p.)

0 głosów

1 odpowiedź 108 wizyt

Wyśrodkowanie obiektów na małych/średnich wyświetlaczach

pytanie zadane 23 lutego 2016 w HTML i CSS przez ShadoWs Bywalec (2,800 p.)

0 głosów

1 odpowiedź 430 wizyt

kafelki z social mediami - css

pytanie zadane 7 stycznia 2018 w HTML i CSS przez JakubJape Nowicjusz (150 p.)

Kod CSS na wyśrodkowanie textu na sam środek

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

3 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci