Cara Membuat Text Di Tengah Dengan HTML dan CSS


Cara Membuat Text Di Tengah Dengan HTML dan CSS

Cara Membuat Text Di Tengah Dengan HTML dan CSS – Sebenarnya cara membuat text berada di tengah sudah pernah kita jelaskan di tutorial CSS dasar di www.malasngoding.com.

Tapi masih ada teman-teman yang bertanya kepada saya tentang cara membuat text di tengah dengan HTML dan CSS. Oke gak masalah sih.

pada tutorial Cara Membuat Text Di Tengah Dengan HTML dan CSS ini akan kita coba bahas lagi lebih detail tentang cara menempatkan text di tengah dengan css atau html. dan semoga dapat memberikan pencerahan.

Cara Membuat Text Di Tengah Dengan HTML dan CSS

Ada banyak cara untuk memindahkan text ke tengah di HTML. kita bisa menggunakan tag <center> .. </center> yang telah di sediakan oleh HTML. atau bisa juga kita menggunakan CSS untuk membuat text center.

Yuk langsung simak cara-cara membuat text di tengah dengan HTML dan CSS berikut.

Membuat text di tengah dengan <center></center>

Cara 1

Pertama kita bahas dulu membuat text di tengah dengan tag HTML yang sudah di singgung sebelumnya.

kita bisa menggunakan tag <center> di awal text yang ingin di tempatkan di tengah, kemudian menutupnya dengan tag </center> penutup.

Contoh :

dan hasilnya

See the Pen Membuat text di tengah dengan html dan css by Malas Ngoding (@malasngoding) on CodePen.0

Cara 2

Selanjutnya kita juga bisa membuat text berada di tengah dengan menggunakan atribut pada tag pembuka. yaitu “align”. contoh nya:

begitulah cara paling mudah membuat text di tengah dengan menggunakan tag yang sudah ada di HTML.

Sekarang kita lanjutkan dengan cara membuat text di tengah menggunakan css.

Membuat Text Di Tengah Dengan CSS

Cara mengatur text ke tengah dengan css juga sangat mudah dan sederhana untuk di lakukan. contohnya

Hasilnya

membuat text di tengah css

membuat text di tengah css

See the Pen membuat text di tengah dengan css by Malas Ngoding (@malasngoding) on CodePen.0

 

Mungkin hanya sekian lah Tutorial cara membuat text di tengah dengan html dan css. semoga dapat membantu. terima kasih ..


Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

Tutorial Menarik Lainnya

Membuat Lingkaran Dengan CSS

Membuat Lingkaran Dengan CSS Membuat Lingkaran Dengan CSS – Pada tutorial ini kita akan belajar membuat lingkaran atau nembuat bulat dengan menggunakan CSS. Memang mungkin ...
Membuat Template Web Responsive Dengan HTML dan CSS
cara disable resize form textarea dengan css

Diskusi

4 Komentar
  • hagai 5 years ago

    trima kasih

  • Rafi 5 years ago

    Mau saya coba sesuai pedoman diatas,semoga berhasil

  • Ilalang Setiawan 5 years ago

    Kalau kita menggunakan internal CSS, berarti code css nya begini yah bang

    text-align : center ;

    code diatas masih work kan bang kalau diletakkan di internal css?

Tulis Komentar / Pertanyaan

Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD