6. Cara mengatur posisi text pada CSS



A. Mengatur posisi text


Dibawah ini adalah script untuk mengubah posisi text pada CSS.

.posisi1{
        text-align: left;
        }

dibawah ini adalah nama untuk posisi text :
right : digunakan untuk text rata kanan
left : digunakan untuk text rata kiri
center: digunakan untuk text rata tengah
justfy: digunakan untuk text rata kanan kiri

dibawah ini adalah cara penulisan script CSS pada HTML.


<html>
       <head>
               <title>Posisi Font By Coding Lengkap</title>
       </head>
       <style>
              .posisi1{
                     text-align: left;
                     }

              .posisi2{ 
                     text-align: right;
                     }

              .posisi3{ 
                     text-align: center;
                     }

              .posisi4{ 
                     text-align: justify;
                     }
       </style>

       <body>
              <div class="posisi1">
                     Kalimat yang menggunakan rata kiri
              </div>
              <div class="posisi2">
                     Kalimat yang menggunakan rata kanan
              </div>
              <div class="posisi3">
                     Kalimat yang menggunakan rata tengah
              </div>
              <div class="posisi4">
                     Kalimat yang menggunakan rata kanan kiri
              </div>
       </body>
</html>

Sekian tutorial kali ini. Untuk selanjutnya saya akan memberikan tutorial cara membuat background color menjadi transparan. Sekian terima kasih. Semoga bermanfaat.
Share on Google Plus

About vildan afriansyah

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

0 komentar:

Posting Komentar