aligning my images so they sit next to each other
css, html
Solution
Use style float:left to container where that images are placed like
<div style="width:500 px">
<div style="float:left; width:100 px">Image 1</div>
<div style="float:left; width:100 px">Image 2</div>
<div style="float:left; width:100 px">Image 3</div>
<div style="clear:both"></div>
</div>
Problem
I'm echoing out a few images which all works fine but my problem is they are all going down the page example image 1 image 2 image 3 and I'd like to make them so they sit next to each other like so image 1 image 2 image 3 and so on. I have tried to add inline into the CSS for my `div` tag but it does not work... ``` <div class="auction_box" style="height:150px"> <form name="myform" action="userbox.php" method="POST"> <p> </p> <p> </p> <p> </p> <p align="center"><a href="smalldex.php?name='.$battle_get['name'].'"?KeepThis=true&TB_iframe=true&height=400&width=600" class="thickbox"><img src="http://pokemontoxic.net/img/pokemon/'.$v->type.''.$battle_get['pic'].'" width="" height="" border="0" /></a></p> <p align="center"><span style="height: 70px; text-align: center;"> Name:<br/>' .$v->pokemon. '<br/> Level:' .$v->level. '<br/> Exp:' .$v->exp. '<br/> Gender:' .$v->gender. '<br/> Type:' .$v->type. '<br/> Slot you want to put your pokemon in <select name="mydropdown"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> <input type="hidden" name="myName" value="'.$v->id.'" /> <input type="submit" value="submit" name="submit"> </form> </div>'; ``` You can see that the `div` is called `auction_box`. I have tried a lot of things in CSS but has not worked... I'd like them all next to each other. Has you can see the image is this part ``` <p align="center"><a href="smalldex.php?name='.$battle_get['name'].'"?KeepThis=true&TB_iframe=true&height=400&width=600" class="thickbox"><img src="http://pokemontoxic.net/img/pokemon/'.$v->type.''.$battle_get['pic'].'" width="" height="" border="0" /></a></p> <p align="center"><span style="height: 70px; text-align: center;"> ``` I'd like the whole echo ( e.g the levels has well has the pic ) to be inline.