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.

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

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

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