Blokowe i liniowe elementy – powtórka

Wprowadzenie

Wcześniej poznałeś róznicę między elementami blokowymi i liniowymi. Teraz zobaczymy, jak to działa na przykładzie tabel i list.

---

Teoria / Wyjaśnienia

• Elementy blokowe (np. <table>, <ul>, <ol>, <div>) zajmują całą szerokość.
• Elementy liniowe (np. <a>, <span>, <strong>) mieszczą się w linii tekstu.

---

Praktyczne przykłady

Przykład

<p>To jest <strong>tekst</strong> z <a href="#">linkiem</a> w srodku akapitu.</p>

<ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
</ul>

---

Ćwiczenie

1. Wstaw pod rzad kilkanascie elementow liniowych (<span>, <a>) i zobacz, jak zachowuja sie w jednej linii.
2. Dodaj kilka elementow blokowych jeden pod drugim i porownaj.