title: Display images side by side php & css
body: <p>Hey I have written some code to display pictures using php...However, the images are showing up as block and taking up the whole width of the screen when I would like to display them inline but with the words describing the books right below them. Can you please help me set this up
  here is my code</p>
  
  <pre><code>for($row = 0; $row &lt; sizeof($arr);$row++){
   echo '&lt;img src="images/'.$arr[$row]['isbn'].'.jpg" alt="Mountain View" &gt;'.$arr[$row]['title'].'&lt;br/&gt;by '.$arr[$row]['author'].'&lt;br/&gt;&lt;input type="radio" name="booktype" value="hardcover" &gt;Hardcover: $'.$arr[$row]['hardcover'].'&lt;br/&gt;&lt;input type="radio" name="booktype" value="softcover" &gt;Softcover: $'.$arr[$row]['softcover'].'&lt;br/&gt;&lt;input type="radio" name="booktype" value="e-book" &gt;E-Book: $'.$arr[$row]['e-book'];
  </code></pre>
  
  <p>}</p>
  
  <p>Again I would like the images to appear side by side not block...thank you..</p>
  
  <p>okay I followed the code suggested for both of them the one that seemed to work was when I float everything left, but the words are appearing on the side when I do this..I have attached a picture..how can I fix this
  <a href="https://i.stack.imgur.com/z6Lxw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z6Lxw.png" alt="enter image description here"></a></p>