Strona internetowa zawiera menu poziome w postaci listy punktowanej. Aby elementy tej listy mogły być wyświetlane w jednej linii, należy ustawić dla selektora li właściwość

Poprawna odpowiedź: D (display)

Aby elementy listy <li> (które domyślnie są elementami blokowymi, zajmującymi całą dostępną szerokość i układającymi się jeden pod drugim) były wyświetlane w jednej linii, należy zmienić ich właściwość display. Popularne wartości to:

• display: inline; (elementy układają się w linii, ale nie można im nadać szerokości/wysokości/marginesów pionowych).
• display: inline-block; (elementy układają się w linii, ale zachowują właściwości blokowe, tj. można im nadać szerokość/wysokość/marginesy).
• Użycie Flexbox (display: flex; na rodzicu <ul>) lub Grid (display: grid; na rodzicu <ul>) to nowocześniejsze metody do tworzenia układów, w tym menu poziomych.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Poprawna właściwość to position (nie possition), ale służy ona do określania typu pozycjonowania (np. static, relative, absolute, fixed), a nie bezpośrednio do układania elementów w linii w ten sposób.
• B: outline służy do rysowania obrysu wokół elementu, na zewnątrz jego obramowania.
• C: text-align służy do wyrównywania tekstu wewnątrz elementu blokowego.