Bubble comments


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. div.bubble {
  2. width: 400px;
  3. font-size: 1.2em;
  4. margin-bottom: 24px;
  5. margin-top: 20px;
  6. }
  7.  
  8. div.bubble blockquote {
  9. margin: 0px;
  10. padding: 0px;
  11. border: 1px solid #c9c2c1;
  12. background-color: #fff;
  13. }
  14.  
  15. div.bubble blockquote p {
  16. margin: 10px;
  17. padding: 0px;
  18. }
  19.  
  20. div.bubble cite {
  21. position: relative;
  22. margin: 0px;
  23. padding: 10px 0px 0px 15px;
  24. top: 6px;
  25. background: transparent url(images/tip.gif) no-repeat 20px 0;
  26. font-style: italic;
  27. font-size: 0.75em;
  28. }
  29.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.