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