Mengatur Jarak pada Text

20/12/2014    Aulia Rahmah Alhafidz    4380     Website

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 :)

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More