Pengenalan Property Column-Width Pada CSS

Balik lagi di artikel saya, oke kali ini saya akan membahas mengenai property di css yaitu property column-width  ,  guna dari property column-width ini yakni bagi mengijinkan kita bagi merancang multi kolom di suatu element sebesar yang kita inginkan.

Kini saya akan mencontohkan pemakaian column-width di element paragraf <p></p> , dan kita akan membagi sebuah paragraf menjadi dua kolom dengan menggunakan guna dari column-width.

 

Silahkan kalian salin code di bawah ini :

//HTML

<div class=container>
  <p>The column width ini di set sebesar 200px.</p>
  <div class=element>
    <p>
      They were four men living all together yet they were all alone. Their house is a museum where people come to see 'em. They really are a scream the Addams Family. Now were up in the big leagues getting' our turn at bat. Goodbye gray sky hello blue. There's nothing can hold me when I hold you. Feels so right it cant be wrong. Rockin' and rollin' all week long. One two three four five six seven eight Sclemeel schlemazel hasenfeffer incorporated. Boy the way Glen Miller played. Songs that made the hit parade. Guys like us we had it made. Those were the days. And you know where you were then. Girls were girls and men were men. Mister we could use a man like Herbert Hoover again?
    </p>
   
   
  </div>
</div>

//CSS

.element{
padding:20px;
-moz-column-width:200px;
text-align:justify;


}

Dan hasilnya akan seperti ini :

Paragrafnya akan terbagi menjadi beberapa kolom.

Itu saja bagi kali ini hingga bertemu di artikel berikutnya.

terimakasih.

Sumber https://kursuswebsite.org