Tekstin katkaisu CSS:ssä

Задание 1

Tee div, jonka leveys on 200px. Tee niin, että teksti tässä divissä ei siirry uudelle riville. Lisää diviin pitkä teksti, joka ei mahdu leveyttä tähän lohkoon. Tarkista, että teksti tulee esiin lohkon oikeasta osasta.

Задание 2

Muokkaa edellistä tehtävää niin, että divissä tekstin ylityksen yhteydessä ilmestyy vaakasuuntainen vierityspalkki.

Задание 3

Muokkaa edellistä tehtävää niin, että vaakasuunnassa ylittävä teksti katkaistaan.

Задание 4

Muokkaa edellistä tehtävää niin, että tekstin katkaisun yhteydessä sen loppuun lisätään kolme pistettä.

Задание 5

Muokkaa edellistä tehtävää niin, että kun hiiri viedään divin päälle, teksti lakkaa asettumasta yhdelle riville ja div laajenee korkeudessa, mahtuen koko teksti.