List Dua Kolom bag2

Asalamualaikum Shannenpio akan mrnjelaskan List Dua Kolom bag2 - List 2 (dua) kolom merupakan sebuah upaya untuk menciptakan effisiensi ruang, sehingga jika biasanya dalam satu ruang hanya ada satu kolom list, dengan metoda ini maka kita bisa memaksimalkan daya tampung sebuah ruang blog menjadi terbagi dalam 2 buah kolom. Tentu saja untuk memaksimalkan upaya ini teks setiap list haruslah dibuat sependek mungkin sesuai ruang yang tersedia. Bentuk List 2 kolom adalah seperti di bawah ini:.

Kode CSS:

#mitrabarayaA{
       padding:10px;
       width :auto;
       background:#ddd;
       border:1px dotted #333366;
       margin:20px 0;
}
#mitrabarayaA ul{padding:0;margin:0;list-style-type:none !important;}    
#mitrabarayaA li{
       height:16px;
       color:#333;
       list-style-type:none !important;
       background:#555;
       padding:5px 8px;
       font-size:0.9em;
       text-decoration:none;border-bottom:1px dotted #888;
}
#mitrabarayaA li.mitrabarayaA2{
       margin-left:50%;
       margin-top:-27px;
       padding:5px 6px;
       text-decoration:none;background:#666;
}  
.mitrabarayaA_alt{
       background:#666;
}
#mitrabarayaA a:link{text-decoration:none;color:#eee;}
#mitrabarayaA a:hover{color:#0CF;}
* html #mitrabarayaA li.mitrabarayaA2{
       margin-top:-19px;
}