Tekstin katkaisu CSS:ssä

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.

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

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

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

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.