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:

  • cara
  • https://www malasngoding com/cara-membuat-text-di-tengah-dengan-html-dan-css/
  • cara membuat tulisan di tengah html
  • Cara menengahkan tulisan di html
  • cara menengahkan tulisan pada tabel html
  • cara membuat tulisan di tengah
  • cara membuat tulisan html di tengah
  • cara membuat form login di tengah
  • cara mengatur posisi text html
  • cama membuat teks berada di tengah2 web html



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
cara mudah membuat efek animasi dengan animate css
Diskusi
Tidak Ada Komentar

Tulis Komentar / Pertanyaan

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