Jak używać odstępów?

Marginesy a Odstępy wewnętrzne (Padding) – Jaka jest różnica?

• Margines (Margin): To odległość na zewnątrz elementu. Odpycha on inne sąsiadujące układy od Twojego bloku.
• Odstęp (Padding): To odległość wewnątrz elementu, między jego krawędzią (obramowaniem) a zawartością (np. tekstem w środku).

Opcja 1: Precyzyjna konfiguracja (Panel właściwości):

• Zaznacz element i otwórz prawy panel właściwości.
• W sekcji Margines lub Odstęp wpisz konkretne wartości w pikselach.
• Jeśli zaznaczysz pole Użyj tych samych wartości, dodanie 20px zastosuje się automatycznie dla góry, dołu, lewej i prawej strony symetrycznie.

Opcja 2: Metoda wizualna w obszarze roboczym:

• Kliknij swój układ. Zobaczysz na jego krawędziach cienkie linie kontrolne (tzw. uchwyty).
• Chwyć myszką zewnętrzną linię układu i pociągnij, aby wizualnie zwiększyć margines.
• Chwyć wewnętrzną linię (np. nad tekstem) i pociągnij w dół, aby zwiększyć wewnętrzny padding.