Advanced Search

Vertical align background image to a link

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

Expand | Embed | Plain Text

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.