Dlaczego tekst w stopce jest wyśrodkowany względem długości, ale nie szerokości?

Odpowiedz Nowy wątek
2019-05-11 18:13
0
<!-- Stopka -->
<div class="mini-footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="copyright">
                    <p>&copy; 2019 Wszystkie prawa zastrzeżone. Created by
                        <a href="#">Test</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
.mini-footer{
    border-radius: 5px;
    border: 1px solid white;
    background-color: rgba(0, 0, 0, 0.35);
    margin: 29vh 1vw 0 1vw;
    color: white;
    text-align: center;

}

.copyright a{
    text-decoration: none;
    align-items: center;
    color: rgb(0, 117, 255);
}

Całość wygląda tak: https://imgur.com/Yu1LTi7
Jak można zauważyć, tekst jest na środku, więc jest wyrównany względem VW, ale co tu jeszcze dopisać, żeby był również wyśrodkowany względem VH?

Pozostało 580 znaków

2019-05-11 18:23

Są dwa sposoby:
1) ustawić kontenerowi tekstu display:table-cell; i vertical-align:middle; (ale to wpłynie też na sposób zachowywania się samego DIV-a).
2) wykorzystać display: flex; i dostępne w nim style: https://philipwalton.github.i[...]box/demos/vertical-centering/


edytowany 1x, ostatnio: Freja Draco, 2019-05-11 18:24

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0