تجريب كود css

تجريب كود يا جماعة الير من بين اجمل التطويرات على بلوغر اتك تستطيع عمل كودات بتنسيق رائع و ان شاء الله الشرح قادم

#dt{background:#000;opacity:0.8;margin:44px 0px 6px 3px;position:absolute;padding:2px;color:#fff}
#ctd{float:right;width:290px;margin-right:4px;padding:1px}
#t1{font-size:12px;font-weight:bold;color:#7992A9;border-bottom:1px dotted #ccc;padding-bottom:4px}
#cts{font-size:11px;color:#555;margin-top:5px;}
.li{border-bottom:1px solid #eee;padding:8px 31px 8px 0px;background:#f9f9f9 url(pointer.png) no-repeat 98% center}
.li a{font-size:12px;font-weight:bold;color:#7992A9;}

<pre class="brush:html">
<div id="head" style="float:left;width:810px;">
<div id="fix">
<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>
</ul>
</div>
</div>
<div style="clear:both;height:0px;"></div>
</div>
</pre>