Mengatur Jarak pada Text

Pada sebuah website, jika enak dipandang pasti membuat pengunjung website betah berlama-lama melihat website. Desain yang tidak menarik saja pasti sudah ditinggalkan. Tetapi untuk apa memiliki desain yang menarik sementara tulisan saja tidak rapi, bertabrakan? Sama saja bohong bukan.

Ternyata masih banyak yang belum paham dengan "bagaimana cara mengatur jarak pada text". Entah jarak antar baris, antar huruf maupun antar kata. Namun, jika dipelajari cara yang akan di-share ini tergolong sangatlah mudah.

Untuk mengatur jarak pada text, cukup dengan sematkan properti css pada bagian yang kita inginkan.

1. Mengatur jarak antar huruf : menggunakan letter-spacing.

2. Mengatur jarak antar kata : menggunakan word-spacing.

3. Mengatur jarak antar baris : menggunakan line-height.

Untuk contohnya, bisa dilihat di bawah ini :

See the Pen bNeQdb by Dumet_School (@dumet_school) on CodePen.

Jika bosan dengan jenis text yang seperti itu saja. Bisa kita modif agar menjadi menarik dengan mengatur jarak seperti di atas.

Semoga bermanfaat ya :)

20 Desember 2014

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat