Jak wyrównać przyciski pionowo

Wprowadzenie

Znaczniki div w HTML umożliwiają wyrównywanie elementów formularza, takich jak przyciski, zarówno w pionie, jak i w poziomie. Dzięki div można łatwo dopasować przyciski do reszty układu strony.

Kroki

Krok 1

Otwórz plik HTML swojej witryny w programie Notatnik. Kliknij prawym przyciskiem myszy na plik, wybierz „Otwórz za pomocą”, a następnie „Notatnik”.

Krok 2

Przewiń do sekcji zawierającej przyciski. Otocz kod przycisków następującym znacznikami:

<div class="center-buttons">
    
</div>

Krok 3

Dodaj prosty kod CSS, który wyrówna przyciski w pionie i wyśrodkuje je w obrębie div:

.center-buttons {
    display: flex;
    flex-direction: column;
    align-items: center; /* wyśrodkowanie w poziomie */
    justify-content: center; /* wyśrodkowanie w pionie */
}

Zapisz zmiany w Notatniku (Plik → Zapisz), a następnie odśwież stronę w przeglądarce, aby zobaczyć efekt.

Wymagane narzędzia

• Notatnik (Windows)