Vertical align background image to a link


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



Copy this code and paste it in your HTML
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
  2. <html>
  3. <head>
  4. <title></title>
  5. <style>
  6.  
  7. .rc-box1-content {
  8. height:auto;
  9. }
  10.  
  11. .rc-box1-content .inner {
  12. margin-left:5px;
  13. padding: 20px;
  14. background: #fff url('icon.png') left center no-repeat;
  15. }
  16.  
  17. .rc-box1-content a {
  18. text-transform:uppercase;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div class="rc-box1-top"></div>
  24. <div class="rc-box1-content">
  25. <div class="inner">
  26. <a>right column box1-a right column box1-a</a>
  27. </div>
  28. </div>
  29. <div class="rc-box1-bottom"></div>
  30. <div class="rc-box1-top"></div>
  31. <div class="rc-box1-content">
  32. <div class="inner">
  33. <a href="#">right column box1-b</a>
  34. </div>
  35. </div>
  36. <div class="rc-box1-bottom"></div>
  37. </body>
  38. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.