# New CSS question

**URL:** https://forum.kirupa.com/t/new-css-question/113711
**Category:** Uncategorized
**Created:** [June 21, 2004, 7:29am UTC](https://forum.kirupa.com/t/new-css-question/113711 "2004-06-21T07:29:14Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![hypnotoad](https://avatars.discourse-cdn.com/v4/letter/h/b5ac83/32.png) [@hypnotoad](https://forum.kirupa.com/u/hypnotoad)
#### Post date: [June 21, 2004, 7:29am UTC](https://forum.kirupa.com/t/new-css-question/113711/1 "2004-06-21T07:29:14Z")

</div>

It may be elegant, but it’s \*\*\*\*ed fiddly at times! Here’s my previous post which contains all the information - there’s just a new question at the end!

I’m trying to make what is basically a page of 8 thumbnails with text underneath them in CSS. The page in question is at:

[www32.brinkster.com/jamesclarke/jamesv3/i\_books.html](http://www32.brinkster.com/jamesclarke/jamesv3/i_books.html)

I’ve laid the CSS out as follows:

A container for the whole lot:

```auto

#bookscontainer{
	float: left;
	margin: 0px;
	width: 550px;
	background-color: #ffffcc;
	}

```

A div for each image:

```auto

#menuimages {
             float:left;
	width:110px;
	margin:10px;
	padding:5px 1px;
	border:0px;
	border-color:#ffffcc;
	background-color:#ffffcc;
	vertical-align:middle;
	text-align:center;
	font-size:xx-small;
	font-family:verdana;
	color:#663333;
	}

```

This works fine - the only problem being that I have a row of images across the top which look fine, but then the row underneath is stuck over to the right looking ugly. Is there any way I can centre the whole thing so that it’s laid out nicely?

Ta folks!