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 ..

Incoming search terms:

  • content html ditengah
  • Cara menengahkan tulisan di html
  • cara membuat tulisan tengah di html
  • cara membuat tulisan html ke tengah
  • cara membuat form login di tengah
  • cara membuat font center name tag
  • cara css tengah
  • cara buat tulisan di tengah tabel html
  • cara buat text di html
  • mengatur css tulisan posisi ditengah




About the author
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.


Discussion
  • No Comment

Write a Comment

Your email address will not be published. Required fields are marked *


CENTANG untuk bisa mengirimkan komentar. [ Verifikasi bukan robot ]