<div id="footer">
      <div class="wrap">
         <ul>
            <li><a href="#">رابط نصي</a></li>
            <li><a href="#">رابط نصي</a></li>
            <li><a href="#">رابط نصي</a></li>
            <li><a href="#">رابط نصي</a></li>
         </ul>
         <div id="col">
            <p>أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ .</p>
            <p id="copyright">تحوييل: <a href="http://www.solucija.com/" title="شركة انكور التطويرية لدعم و تطوير و تصميم المواقع">شركة انكور التطويرية</a></p>
         </div>
         <div class="clear"></div>
      </div>
   </div>
   <style>
   #footer { clear: both; border-top: 5px solid #323232; background: #393939 url(https://i93.servimg.com/u/f93/15/47/21/99/footer10.gif) repeat-x bottom; color: #808080; padding: 10px 0; }
   #footer ul { float: left; width: 200px; }
   #footer li { padding: 5px 8px; background: url(https://i93.servimg.com/u/f93/15/47/21/99/dot10.gif) repeat-x bottom; }
      #footer li a { color: #CB799F; }
      #footer li a:hover { color: #F5CFE1; }
   #footer #col { float: right; width: 600px;   }
   #copyright { background: url(https://i93.servimg.com/u/f93/15/47/21/99/dot10.gif) repeat-x top; padding: 24px 0 0; font-size: .9em; }
   </style>