Jak zrobić układ tekstu jak na tej stronie? (wszystko w opisie)

Question

Znalazłem taką stronę która ma szerokość na cały ekran, ale wszędzie tekst ma szerokość ok. 80%

http://css4.rocks/selectors-level-4/

Jak zrobić coś takiego jak na tej stronie, że wszędzie tekst jest jakby w niewidzialnej kolumnie?

Answer 1

Tam jest zrobione że wszystkie te kolorowe divy mają jeden padding ustawiony :) Możesz też zrobić tak że w divach są jeszcze divy które zajmują 80% miejsca :)

Answer 2

Zawsze można podejrzeć jak jest to zrobione na tej stronie. W przeglądarce Chrome i Firefox są "Narzędzia dla deweloperów" które pozwalają podglądać HTML i CSS a także je modyfikować aby się przekonać "co się stanie gdy ...".

Obiekty mają taką własność jak "margin" i "padding" i prawdopodobnie to zostało tam użyte. Do tego moga dochodzić inne własności jak i umieszczanie węższych elementów w elementach o szerokości 100%.

Comments

Znam narzędzia dla deweloperów no i patrzyłem, że w tych divach są divy z klasą 'content' który ma taką szerokość, ale myślałem, że może to jest jakoś bardziej profesionalnie zrobione. Ostatecznie zdecydowałem się użyć wkładania elementów o szerokości 70% w elementy o szerokości 100% :) Dzięki za odpowiedź