Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Your CSS goes like this:
- div.icons {
- width: 130px;
- height: 150px;
- float: left;
- margin: 0 10px 10px 0;
- background-color: #999;
- }
- div.icons img {
- margin: 10px 10px 10px 10px;
- border: 1px #777 solid;
- width: 100px;
- height: 100px;
- display: block;
- }
- div.icons p {
- margin: 0;
- padding: 0 20px 30px 10px;
- background-color: blue;
- color: yellow;
- }
- Your HTML Code goes like this:
- <div class="icons">
- <img src="http://www.spiritfarms.com/wp-content/uploads/2012/09/Com-Icon.png" alt="">
- <p>Your text goes here</p>
- </div>
- <div class="icons">
- <img src="http://www.spiritfarms.com/wp-content/uploads/2012/09/Display.png" alt="">
- <p>Your text goes here</p>
- </div>
- <div class="icons">
- <img src="http://www.spiritfarms.com/wp-content/uploads/2012/09/Chart-150x150.png" alt="">
- <p>Your text goes here</p>
- </div>
- <div class="icons">
- <img src="http://www.spiritfarms.com/wp-content/uploads/2012/09/Wrench.png" alt="">
- <p>Your text goes here</p>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement