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:

  • web untuk menempatkan teks
  • cara menengahkan tulisan pada tabel html
  • tag dalam html untuk membuat tulisan berada di tengah
  • cara membuat tulisan di web jadi di tengah
  • cara membuat teks di tengah pada html
  • cara membuat tabel html di tengah
  • cara membuat tulisan di tengah pada koding html
  • cara membuat text
  • cara membuat tulisan di kanan css
  • Cara membuat Foto berada ditengah Saat ngoding




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 ]