# CSS Gallery/thumbnail alignment issue
**URL:** https://forum.kirupa.com/t/css-gallery-thumbnail-alignment-issue/228691
**Category:** web dev
**Created:** [June 10, 2007, 4:48pm UTC](https://forum.kirupa.com/t/css-gallery-thumbnail-alignment-issue/228691 "2007-06-10T16:48:08Z")
**Posts on this page:** 1
**Page:** 1
### Author:  [@DeringerColt](https://forum.kirupa.com/u/DeringerColt)
#### Post date: [June 10, 2007, 4:48pm UTC](https://forum.kirupa.com/t/css-gallery-thumbnail-alignment-issue/228691/1 "2007-06-10T16:48:08Z")
Hi all, I am trying to create a simple thumbnail gallery but Im have a small issue, everytime you click on the thumbs under the identity banner the web banner moves.
I have attached the CSS and HTML, I know that creating a seperate div for each heading is bad practise.
Cheers
Deringer
CSS
```auto
div.wrapper
{
width:470px;
height:305px;
float:left;
}
div.text
{
text-align:left;
padding:5px;
}
div.img
{
margin: 20px;
height: auto;
width: auto;
float:left;
padding:0px;
text-align: left;
border:1px solid grey;
}
div.img img
{
display: inline;
margin: 0px;
border: 1px solid #ffffff;
}
div.img a:hover img
{
border: 1px solid #0000ff;
}
```
HTML
```auto
```
