Ćwiczenie polega na zdefiniowaniu trzech wariantów stylów CSS dla elementów div. Efekt ich działania powinien wyglądać tak jak na zrzutach ekranu umieszczonych poniżej. Pierwsza podpowiedź zawarta jest w tytule ćwiczenia, druga brzmi „szerokość”.

1)

2)

3)

Poniżej znajduje się edytor CSS, który pozwoli wykonać ćwiczenie oraz kod HTML zastosowany dla elementów. Kodu HTML nie można zmienić. Elementy otrzymały już określony kolor i obramowanie. Startowe style zamieszczono tylko dla demonstracji sposobu działania edytora.

Ćwiczeniowy edytor CSS

Kod HTML (do odczytu)

<div id="raz"></div>
<div id="dwa"></div>
<div id="trzy"></div>