Hallo teman-teman, kali ini kita akan belajar bagaimana cara menggunakan fungsi text-align pada CSS. Fungsi text-align itu sendiri adalah mengatur posisi text. Jika kalian buka ms.word ada fitur untuk mengatur posisi text menjadi rata kanan, kiri , tengah dan justify. Kira-kira fungsinya kurang lebih sama seperti yang ada di ms.word. Fungsi text-align ini bisa kalian gunakan untuk mengatur text pada html. Cara penggunaannya pun sangat mudah, untuk prakteknya kalian bisa ikut contoh code dibawah ini. Show text.html1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 <!DOCTYPE html> <html> <head> <style> .left { width:300px; text-align: left; }
.right { width:300px; text-align: right; }
.center { width:300px; text-align: center; }
.justify { width:300px; text-align: justify; }
</style> </head> <body>
<div class="left"> <h1>Kiri</h1> <p>Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-alignTest text dengan css text-align.Test text dengan css text-align</p> </div>
<div class="right"> <h1>Kanan</h1> <p>Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-alignTest text dengan css text-align.Test text dengan css text-align</p> </div>
<div class="center"> <h1>Tengah</h1> <p>Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-alignTest text dengan css text-align.Test text dengan css text-align</p> </div>
<div class="justify"> <h1>Rata kanan kiri (Justify)</h1> <p>Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-align.Test text dengan css text-alignTest text dengan css text-align.Test text dengan css text-align</p> </div>
</body> </html> Maka hasilnya seperti ini.  Maka hasil dari fungsi text align bisa dilihat pada gambar diatas. Sekian pembahasan mengenai cara menggunakan fungsi text-align pada CSS. Semoga bermanfaat. Apa itu teks Align?Hallo teman-teman, kali ini kita akan belajar bagaimana cara menggunakan fungsi text-align pada CSS. Fungsi text-align itu sendiri adalah mengatur posisi text. Jika kalian buka ms.word ada fitur untuk mengatur posisi text menjadi rata kanan, kiri , tengah dan justify.
Text align apa saja?Text Align
Ada rata kiri, rata kanan, rata tengah, rata kiri dan kanan. Nah, kita juga bisa meratakan teks dengan properti CSS text-align .
Apa itu text align pada CSS?CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML.
Apa perbedaan atribut align dan valign?Align untuk rata horisontal dan valign untuk rata vertikal.
|
Apa fungsi dari tag align dalam html?
Pos Terkait
Copyright © 2024 kemunculan Inc.
