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

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?

1

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.io/solved-by-flexbox/demos/vertical-centering/

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