Ignoring the fact that I also think this is a fairly poor question and might very well just be “a thinly veiled request to get somebody else to do the work” (as @meagar put it) it is easy enough to answer. Also, as @Pekka already mentioned, its best to use tables for tabular data.
HTML
<div class="OverviewContainer">
<a class="OverviewPicture" href="https://stackoverflow.com/questions/13991991/Chili.html">
<img src="Images/Landen/Chili.gif" alt="Chili">
</a>
<a class="OverviewText" href="https://stackoverflow.com/questions/13991991/Chili.html">Chili</a>
</div>
<div class="OverviewContainer">
<a class="OverviewPicture" href="Australie.html">
<img src="Images/Landen/Australie.gif" alt="Australie">
</a>
<a class="OverviewText" href="Australie.html">Australië</a>
</div>
<div class="OverviewContainer">
<a class="OverviewPicture" href="Italie.html">
<img src="Images/Landen/Italie.gif" alt="Italië">
</a>
<a class="OverviewText" href="Italie.html">Italië</a>
</div>
CSS
.OverviewContainer{
float: left;
overflow: hidden;
margin-right: 5px;
}
.OverviewPicture{
width: 100px;
}
.OverviewText{
display: block;
margin-top: 10px;
}
1
solved How can I convert this table to DIV’s? [closed]