Posted By

vedgiee on 06/18/10


Tagged

text cloud tag


Versions (?)

Text Cloud


 / Published in: CSS
 

Styling a tag cloud created with span tags. Only styling included.

  1. #textCloud
  2. {
  3. font-family: 'Verdana', Arial, Tahoma;
  4. font-size: 20px;
  5. width: 275px;
  6. height: 250px;
  7. border: none;
  8. }
  9.  
  10. /* Float Left, then Right. Offset Margin for the extra random off-set look. */
  11.  
  12. #textCloud span
  13. {
  14. border: 1px solid #000;
  15. position: relative;
  16. float: left;
  17. padding: 2px;
  18. margin-right: 5px;
  19. }
  20.  
  21. #textCloud span:nth-child(odd)
  22. {
  23. border: 1px solid #000;
  24. position: relative;
  25. float: right;
  26. padding: 2px;
  27. margin-left: 10px;
  28. }

Report this snippet  

You need to login to post a comment.