نحوه چندستونه کردن لیست ها در css

[Mr.Saraei]

درود

دوستان من می خواستم لیست منو هایی که ایجاد کردم رو به چند ستون تبدیل کنم . مثلا دو ستون . کد ها رو هم اینطوری نوستم ممنون میشم بگین اشکال کار کجاست که اعمال نمیشه :
[HTMLS]<div id="MRS_lab_list">
<ul>
<li><a href="#">اسپکتروفتومتر</a></li>
<li><a href="#">سانتریفوژ</a></li>
<li><a href="#">الکتروفوز</a></li>
<li><a href="#">انکوباتور</a></li>
<li><a href="#">اتوکلاو</a></li>
<li><a href="#">اتوآنالایزر</a></li>
<li><a href="#">بلادگز</a></li>
<li><a href="#">میکروسکوپ</a></li>
<li><a href="#">یخچال فریزر</a></li>
<li><a href="#">بن ماری جوش</a></li>
</ul>
<ul class="MRS_cloumn2">
<li><a href="#">سیستم هماتولوژی</a></li>
<li><a href="#">الکترولیت آنالایزر</a></li>
<li><a href="#">کوره آزمایشگاهی</a></li>
<li><a href="#"> PH متر</a></li>
<li><a href="#">هود</a></li>
<li><a href="#">آب مقطرگیر</a></li>
</ul>
</div>[/HTMLS]
[CSSS]}
#MRS_lab_list {
position:absolute;
top:140px;
right:145px;
}
#MRS_lab_list ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#MRS_lab_list li {
display:block;
font-size:11px;
padding-bottom:5px;
}
#MRS_lab_list li a {
background:url(images/MRS_lab_bulut.png) no-repeat right;
text-decoration:none;
padding-right:18px;
color:#000;
}
#MRS_lab_list li a:hover, #MRS_lab_list li a:active {
background:url(images/MRS_lab_bulut_hover.png) no-repeat right;
color:#F00;
}
.MRS_coulmn2 ul {
position:absolute;
top:140px;
right:200px;
}[/CSSS]

با سپاس فراوان

 

[Jim Jim]

چرا از این کد استفاده نمی کنی؟
[CSSS]
column-count
column-gap
[/CSSS]

 

[Mr.Saraei]

درود

سپاسگزارم خداروشکر خودم تونستم حلش کنم کد جالبی بود ... در متون بدردم می خورن ... بی نهایت سپاسگزارم .