How To Do This? [Please Help]

​

How do I display data like this in a web-page?

The 80 x 80 pixel Blue Box is where a Image would go. The three other little colors under the above Image are just three lines of Text. How to do this with the 10 px gap between height and width?

Can anyone help me please?

 

You could use div´s, so for example

use this for line one of the images. for line 2 you simply change the div class to img1 and duplicate the css part and to .img1

<div class="img">
<img src="imageurl" alt="" /><br />
text<br />
text<br />
text<br />
</div>

Code (markup):

repeat this code under each other and put the following in css

.img {
float: left;
padding: 5px;       // just 5px as this will produce 5px around each div
}

Code (markup):

 

Thanks.