Latihan 1 dari materi Interactive Text di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya link <a href="#">Lihat dokumentasi lengkap</a> yang berdiri sendiri, paragraf <p class="truncate"> selebar 200px dengan teks panjang, dan tag <style> yang masih kosong. Tulis aturan CSS di dalam <style>:
a: color: #2563EB dan text-decoration: none.a:hover, a:focus-visible: text-decoration: underline. Underline boleh hilang saat diam cuma kalau dia kembali saat link ditunjuk mouse atau difokus dengan Tab..truncate: white-space: nowrap, overflow: hidden, dan text-overflow: ellipsis, supaya teksnya jadi satu baris yang diakhiri "...".Tulis underline-nya dengan text-decoration, bukan text-decoration-line. Link, paragraf, dan teksnya biarkan seperti di kode awal.
