cara mengatur jarak antar kata huruf di css

Pada tutorial kali ini anda akan belajar bagaimana cara mengatur jarak antar kata huruf di css, pada saat pembuatan website kita harus mengatur segala sesuatu yang berkaitan tentang website tersebut.

Karena sebuah kedetailan di butuhkan oleh seorang programmer entah programmer website, mobile ataupun desktop, mreka harus memikirkan mulai dari warna , gambar, letak sampai jarak antar huruf atau kata .

mungkin bagi yang baru belajar membuat website masih banyak properties-properties di CSS yang belum banyak mereka ketahui, salah satu contohnya properties untuk mengatur jarak antar kata.

untuk mengatur jarak antar huruf di css menggunakan propery word-spacing, berikut contoh penggunaannya :

HTML

<div class="container">
  <h3>The spacing between these words is <em>increased</em> by <code>2em</code></h3>
  <div class="words">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus earum ut alias doloremque esse. Porro maxime dicta veniam molestias sed modi sunt sapiente eum nostrum consequatur accusantium facilis blanditiis nihil.
  </div>
</div>

CSS

body {
  background-color: #F5F5F5;
  color: #555;
  font-size: 1.1em;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.container {
  margin: 50px auto;
  max-width: 700px;
}

.words {
  background-color: #0099cc;
  color: white;
  padding: 1em;
  word-spacing: 2em;
}

Hasilnya akan seperti ini :

Baik itulah tadi artikel tutorial membahas tentang cara mengatur jarak antar kata huruf di css , semoga bisa menambah wawasan yang ingin atau sedang belajar CSS.

Cara Mengatur Jarak Antar Kata Di CSS

Kategori