谁能帮我把他改成三列呀

1. <style type="text/css">
   
2. .buddy li { overflow: hidden; display: inline; float: left; margin: 15px 15px 0; padding: 0 15px 15px 105px; width: 18%; height: 100px; border-bottom: 1px dotted #DDD; }
   
3. .buddy .avt { position: absolute; margin-left: -105px; }
   
4. .buddy .avt img { width: 90px; height: 90px; }
   
5. </style>
   
6. 
   
7. <ul class="buddy cl">
   
8. [loop]<li>
   
9. <div class="avt">
   
10. <a href="{subject_url}"><img src="{zp_value}" /></a>
    
11. </div>
    
12. <h4>{modcheck}<a href="{subject_url}" class="xst">{lxr_3_value} {lxr_3_unit}</a>{author_verify}</h4>
    
13. <div class="mtm mbm xg1">
    
14. {xb_3_value} {xb_3_unit}
    
15. <span class="pipe">|</span>
    
16. {nl_3_value} {nl_3_unit}
    
17. <span class="pipe">|</span>
    
18. {sg_value} {sg_unit}
    
19. <span class="pipe">|</span>
    
20. {zy_value} {zy_unit}
    
21. </div>
    
22. <p>{subject}</p>
    
23. </li>[/loop]
    
24. </ul>

复制代码

这个是官方代码，交友分类信息模板，只显示两列，我想改成三列或更多列