Design, Tutorial and Tips Trik Blogger | Lostsector

Mengatur Posisi Teks di Tengah (Vertikal dan Horizontal) Dengan CSS

Posted: 28 Mar 2013 12:20 PM PDT

Salah satu pengaturan untuk ukuran, posisi, jarak, warna & background teks yang ada pada blog, baik itu pada body post, sidebar maupun pada bagian footer secara umum dapat dilakukan dengan mengatur kode CSS.

Nah, untuk penjelasan kali ini, Heading3 (h3) akan saya jadikan sebagai percobaan, namun untuk hali ini perlu saya tekankan bahwa ini hanyalah sebuah contoh percobaan karena percobaan ini juga berlaku untuk teks pada semua element blogspot.

h3 {     width:400px; /* dimensi lebar */    height:200px; /* dimensi tinggi */    line-height:200px; /* posisi di tengah secara vertikal */    text-align:center; /* posisi di tengah secara horizontal */    background:black; /* warna latar belakang */    color:white; /* warna teks */    font-size:12px; /* ukuran teks */    margin:auto; /* jarak teks dari item yang ada di bagian atas, kanan, bawah dan kiri */  }

Teks dengan warna silver diantara tanda /* dan */ adalah penjelasan untuk pengaturan pada area teks, silahkan disesuaikan dan untuk markup html-nya anda bisa lihat di bawah ini.

<h3>     ABCDEFGHIJKLMNOPQRSTUVWXYZ  </h3>

Live Demo

Semoga Bermanfaat, terima kasih...!!!